:root{--bg-app:#f5f5f0;--bg-paper:#fcfbf9;--bg-sidebar:#1e2a3a;--bg-sidebar-hover:#2d3f57;--bg-sidebar-active:#3b5998;--bg-card:#fff;--bg-card-alt:#f8f7f3;--bg-header:#fff;--bg-badge:#e8e4d9;--bg-modal:#f9f8f5;--accent-primary:#2c5aa0;--accent-primary-hover:#1e4080;--accent-secondary:#5b8dc9;--accent-gold:#d4a843;--accent-gold-hover:#b8943a;--success:#4a7c59;--success-bg:#e8f0e9;--warning:#c9a84a;--warning-bg:#fdf8e8;--danger:#c94a4a;--danger-bg:#fce8e8;--info:#4a6fc9;--info-bg:#e8ecf9;--text-primary:#1a1a1a;--text-secondary:#3a3a3a;--text-muted:#6b7280;--text-sidebar:#e8e8ee;--text-sidebar-muted:#8c93ad;--text-white:#fff;--border-primary:#1a1a1a;--border-secondary:#d1cfc7;--border-subtle:#e5e4e0;--border-sidebar:#2d3545;--border-dashed:#a8a49a;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Kalam", cursive;--font-accent:"Architects Daughter", cursive;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 4px 8px rgba(0,0,0,.08);--shadow-inner:inset 0 1px 2px rgba(0,0,0,.04);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--color-primary:var(--accent-primary);--color-primary-dark:var(--accent-primary-hover);--color-surface:var(--bg-card);--color-background:var(--bg-app);--color-text:var(--text-primary);--color-text-muted:var(--text-muted);--color-border:var(--border-secondary);--color-danger:var(--danger);--color-success:var(--success);--color-warning:var(--warning);font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);min-height:100vh;font-family:var(--font-primary)}#root{flex-direction:column;min-height:100vh;display:flex}.wireframe-card{background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.wireframe-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-primary);font-size:var(--text-sm);border-radius:var(--radius-md);border:1.5px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.wireframe-btn-primary{background:var(--accent-primary);color:var(--text-white);border-color:var(--accent-primary)}.wireframe-btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.wireframe-btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-primary)}.wireframe-btn-secondary:hover{background:var(--bg-card-alt);box-shadow:var(--shadow-sm)}.wireframe-btn-ghost{color:var(--text-muted);background:0 0;border-color:transparent}.wireframe-btn-ghost:hover{background:var(--bg-card-alt);color:var(--text-primary)}.wireframe-sidebar{background:var(--bg-sidebar);color:var(--text-sidebar);border-right:2px solid var(--border-primary);width:260px;min-width:260px;font-family:var(--font-primary);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-4);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.wireframe-sidebar-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--text-sidebar);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);background:0 0;border:none;padding:8px 12px;font-weight:500;display:flex}.wireframe-sidebar-item:hover{background:var(--bg-sidebar-hover);color:var(--text-white)}.wireframe-sidebar-item.active{background:var(--bg-sidebar-active);color:var(--text-white);border-left:3px solid var(--accent-gold)}.wireframe-sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:16px;display:flex}.wireframe-sidebar-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wireframe-sidebar-badge{background:var(--bg-sidebar-hover);color:var(--accent-gold);border-radius:var(--radius-full);flex-shrink:0;padding:2px 6px;font-size:10px}.wireframe-header{align-items:center;gap:var(--space-4);background:var(--bg-header);border-bottom:2px solid var(--border-primary);z-index:100;padding:12px 24px;display:flex;position:sticky;top:0}.wireframe-header-org{align-items:center;gap:var(--space-2);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-paper);font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);padding:6px 12px;display:flex}.wireframe-header-context{font-family:var(--font-accent);font-size:var(--text-sm);color:var(--text-muted)}.wireframe-section-header{padding:var(--space-4) var(--space-5);border-bottom:1.5px solid var(--border-primary);background:var(--bg-card);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.wireframe-section-title{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);font-weight:700;display:flex}.wireframe-section-subtitle{font-family:var(--font-accent);font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.wireframe-stat-card{background:var(--bg-card);border:1.5px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-5);min-width:180px;transition:all var(--transition-fast)}.wireframe-stat-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md)}.wireframe-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);font-weight:600}.wireframe-stat-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700;line-height:1.2}.wireframe-stat-trend{align-items:center;gap:var(--space-1);font-size:var(--text-xs);margin-top:var(--space-2);display:flex}.wireframe-stat-trend.up{color:var(--success)}.wireframe-stat-trend.down{color:var(--danger)}.wireframe-input{width:100%;font-family:var(--font-primary);font-size:var(--text-sm);border:1.5px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);padding:8px 12px}.wireframe-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--info-bg);outline:none}.wireframe-input::placeholder{color:var(--text-muted)}.wireframe-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.wireframe-table th{text-align:left;background:var(--bg-card-alt);border-bottom:1.5px solid var(--border-primary);color:var(--text-secondary);padding:12px 16px;font-weight:600}.wireframe-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:12px 16px}.wireframe-table tr:hover td{background:var(--bg-card-alt)}.wireframe-kanban-board{gap:var(--space-4);padding:var(--space-4);min-height:500px;display:flex;overflow-x:auto}.wireframe-kanban-column{background:var(--bg-card-alt);border:1.5px solid var(--border-secondary);border-radius:var(--radius-lg);flex-direction:column;min-width:280px;max-width:320px;display:flex}.wireframe-kanban-column-header{border-bottom:1.5px solid var(--border-secondary);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.wireframe-kanban-column-count{background:var(--bg-badge);color:var(--text-secondary);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.wireframe-kanban-column-content{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;min-height:300px;display:flex;overflow-y:auto}.wireframe-task-card{background:var(--bg-card);border:1.5px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:12px}.wireframe-task-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md)}.wireframe-task-card-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.wireframe-task-card-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.wireframe-gantt-container{background:var(--bg-card);border:1.5px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.wireframe-gantt-row{border-bottom:1px dotted var(--border-subtle);align-items:center;padding:10px 0;display:flex}.wireframe-gantt-label{min-width:200px;font-size:var(--text-sm);color:var(--text-primary)}.wireframe-gantt-bar-container{background:var(--bg-card-alt);border-radius:var(--radius-full);flex:1;height:24px;position:relative;overflow:hidden}.wireframe-gantt-bar{border-radius:var(--radius-full);opacity:.7;height:100%;transition:opacity var(--transition-fast);position:absolute}.wireframe-gantt-bar:hover{opacity:1}.wireframe-gantt-blue{background:#a8c5e8}.wireframe-gantt-green{background:#b8d9a8}.wireframe-gantt-yellow{background:#f0d9a8}.wireframe-gantt-red{background:#e8b8b8}.card,.glass-card,.soft-card,.sketch-card,[data-card],.widget,.panel,.box{background:var(--bg-card)!important;border:1.5px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}button,.btn,[role=button]{border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important;border:1.5px solid transparent!important;font-weight:600!important}button.btn-primary,.btn-primary{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important}button.btn-primary:hover,.btn-primary:hover{background:var(--accent-primary-hover)!important;border-color:var(--accent-primary-hover)!important;box-shadow:var(--shadow-md)!important}input,textarea,select{border-radius:var(--radius-md)!important;border:1.5px solid var(--border-secondary)!important;font-size:var(--text-sm)!important;font-family:var(--font-primary)!important}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--info-bg)!important;outline:none!important}table{font-size:var(--text-sm)!important;font-family:var(--font-primary)!important}th{color:var(--text-secondary)!important;background:var(--bg-card-alt)!important;border-bottom:1.5px solid var(--border-primary)!important;font-weight:600!important}nav a,.nav-link,.menu-item,aside a,[class*=sidebar] a{border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.wf-dashed-border{border:1.5px dashed var(--border-dashed)}.wf-dot-pattern{background-image:radial-gradient(#d1cfc7 1px,transparent 1px);background-size:20px 20px}.wf-empty-state{background:var(--bg-card-alt);border:1.5px dashed var(--border-dashed);border-radius:var(--radius-lg);min-height:200px;color:var(--text-muted);font-family:var(--font-accent);font-size:var(--text-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.wf-upgrade-card{border:1.5px solid var(--accent-gold);border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(135deg,#fef9f0 0%,#fff8e8 100%)}.wf-module-card{background:var(--bg-card);border:1.5px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);min-width:200px}.wf-module-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.wf-module-card.selected{border-color:var(--accent-primary);background:var(--info-bg)}.wf-module-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.wf-module-card-icon{font-size:20px}.wf-module-card-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.wf-module-card-price{font-size:var(--text-lg);color:var(--accent-primary);margin:var(--space-2) 0;font-weight:700}.wf-module-card-features{font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}[dir=rtl] body{text-align:right}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select,[dir=rtl] button,[dir=rtl] #root{direction:rtl}[dir=rtl] .wireframe-sidebar{border-right:none;border-left:2px solid var(--border-primary)}[dir=rtl] .wireframe-sidebar-item.active{border-left:none;border-right:3px solid var(--accent-gold)}