:root{--bg-app-light: #F8FAFC;--bg-surface-light: #FFFFFF;--bg-sidebar-light: #F1F5F9;--bg-surface-hover-light: #F1F5F9;--border-light: #E2E8F0;--border-subtle-light: #F1F5F9;--text-primary-light: #0F172A;--text-secondary-light: #64748B;--text-muted-light: #94A3B8;--bg-app-dark: #090D16;--bg-surface-dark: #111827;--bg-sidebar-dark: #0D111A;--bg-surface-hover-dark: #1F2937;--border-dark: #1F293D;--border-subtle-dark: #161F2E;--text-primary-dark: #F9FAFB;--text-secondary-dark: #9CA3AF;--text-muted-dark: #6B7280;--accent-green-block: #3B503D;--accent-cream-block: #EADEC9;--accent-lavender-block: #C7B7C7;--accent-emerald: #10B981;--accent-emerald-soft: rgba(16, 185, 129, .12);--accent-rose: #F43F5E;--accent-rose-soft: rgba(244, 63, 94, .12);--bg-app: var(--bg-app-light);--bg-surface: var(--bg-surface-light);--bg-sidebar: var(--bg-sidebar-light);--bg-surface-hover: var(--bg-surface-hover-light);--border: var(--border-light);--border-subtle: var(--border-subtle-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--text-muted: var(--text-muted-light);--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-app: var(--bg-app-dark);--bg-surface: var(--bg-surface-dark);--bg-sidebar: var(--bg-sidebar-dark);--bg-surface-hover: var(--bg-surface-hover-dark);--border: var(--border-dark);--border-subtle: var(--border-subtle-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-muted: var(--text-muted-dark);--card-shadow: 0 4px 20px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.font-mono{font-family:var(--font-sans);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.canvas-wrapper{background-color:var(--bg-surface);border-radius:0;border:none;box-shadow:none;display:flex;min-height:100vh;width:100vw;margin:0;padding:0}.sidebar{width:265px;height:100vh;position:sticky;top:0;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 14px;flex-shrink:0;transition:width var(--transition-normal),padding var(--transition-normal)}.sidebar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed{width:76px;padding:24px 10px}.sidebar.collapsed .sidebar-text,.sidebar.collapsed .promo-card,.sidebar.collapsed .user-details{display:none!important}.sidebar.collapsed .quick-search-btn{justify-content:center;padding:10px}.sidebar.collapsed .quick-search-btn kbd{display:none}.sidebar.collapsed .nav-btn{justify-content:center;padding:10px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-surface)}.top-header{padding:24px 32px 16px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-surface)}.content-body{padding:12px 32px 48px;flex:1;width:100%}.glass-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:24px}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);font-weight:700;font-size:.85rem;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)!important}.btn-primary{background:#111827;color:#fff;border:1px solid #111827;box-shadow:0 2px 8px #0000001f}[data-theme=dark] .btn-primary{background:#f9fafb;color:#111827;border-color:#f9fafb}.btn-primary:hover{background:#1f2937;box-shadow:0 4px 14px #00000038;transform:translateY(-1.5px)}[data-theme=dark] .btn-primary:hover{background:#e5e7eb}.btn-secondary{background:var(--bg-sidebar);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--text-muted);transform:translateY(-1.5px);box-shadow:0 2px 8px #0000000f}.btn-icon{width:38px;height:38px;border-radius:50%;background:var(--bg-sidebar);color:var(--text-primary);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.btn-icon:hover{background:var(--bg-surface-hover);transform:scale(1.06);box-shadow:0 2px 8px #00000014}.btn-icon:active{transform:scale(.94)!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.725rem;font-weight:700}.badge-emerald{background:var(--accent-emerald-soft);color:var(--accent-emerald)}.badge-rose{background:var(--accent-rose-soft);color:var(--accent-rose)}.badge-secondary{background:var(--bg-sidebar);color:var(--text-secondary);border:1px solid var(--border)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.table th{background:var(--bg-sidebar);color:var(--text-secondary);font-weight:700;padding:12px 16px;border-bottom:1px solid var(--border);font-size:.75rem}.table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tr:hover td{background:var(--bg-surface-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px;overflow-y:auto}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:720px;margin:0 auto;position:relative;padding:32px;box-shadow:0 24px 48px #0003;animation:modalIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}.form-grid-full{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-label{font-size:.8rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-control{width:100%;min-width:0;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-full);padding:10px 16px;color:var(--text-primary);outline:none;font-size:.85rem;height:42px;transition:all var(--transition-fast)}.form-control:focus{border-color:var(--text-primary);background:var(--bg-surface)}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:36px;cursor:pointer}[data-theme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}select.form-control option{background-color:var(--bg-surface);color:var(--text-primary);padding:12px 16px;font-size:.85rem}.mobile-only-btn,.mobile-bottom-nav,.mobile-avatar-icon,.mobile-only-feed,.mobile-only-filter-header,.mobile-subnav-tabs{display:none!important}.desktop-only-btn{display:inline-flex!important}.desktop-only-table{display:block}@media (max-width: 768px){.mobile-only-btn{display:inline-flex!important}.mobile-only-feed,.mobile-only-filter-header{display:flex!important}.desktop-filter-box{display:none!important}.desktop-filter-box.show-mobile{display:block!important}.desktop-only-table{display:none!important}.mobile-avatar-icon{display:inline-block!important}.desktop-only-btn,.desktop-only-text,.header-btn-add,aside.sidebar,.mobile-drawer-overlay{display:none!important}.top-header{padding:14px 16px}.content-body{padding:12px 16px 36px}}.responsive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.responsive-dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.responsive-filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px}@media (max-width: 768px){.responsive-grid-2,.responsive-grid-3,.responsive-grid-4,.responsive-dashboard-grid,.responsive-filter-grid{grid-template-columns:1fr!important}.kanban-board-container{display:flex!important;overflow-x:auto!important;gap:16px!important;padding-bottom:16px;-webkit-overflow-scrolling:touch}.kanban-board-container>div{min-width:275px!important;flex-shrink:0}.form-grid{grid-template-columns:1fr!important}.form-grid-full{grid-column:span 1!important}.modal-content{padding:20px;max-width:94vw}.mobile-bottom-nav{display:flex!important;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000014;z-index:450;padding:0 8px}.mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text-muted);font-size:.65rem;font-weight:700;cursor:pointer;flex:1;padding:6px 0;transition:all .15s ease}.mobile-tab-btn.active{color:var(--accent-emerald)}.mobile-fab-btn{width:48px;height:48px;border-radius:50%;background:#111827;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040;margin-top:-24px;cursor:pointer;transition:transform .15s ease}[data-theme=dark] .mobile-fab-btn{background:var(--accent-emerald)}.mobile-fab-btn:active{transform:scale(.92)}h1,h2{font-size:1.15rem!important}h3{font-size:.95rem!important}.font-mono[style*="3rem"],.font-mono[style*="2.2rem"],.font-mono[style*="2rem"]{font-size:1.6rem!important;word-break:break-word}.glass-card{padding:16px!important;border-radius:var(--radius-md)!important}.metric-card{padding:12px!important}.table th,.table td{padding:10px 12px!important;font-size:.775rem!important}.content-body{padding:12px 14px 84px!important}.mobile-subnav-tabs{display:flex!important;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px;gap:4px;margin-bottom:8px}.mobile-subnav-btn{flex:1;padding:8px 10px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;text-align:center;transition:all .15s ease}.mobile-subnav-btn.active{background:#111827;color:#fff}[data-theme=dark] .mobile-subnav-btn.active{background:var(--accent-emerald);color:#111827}}