._sidebar_1yqh1_7{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--transition-base);overflow:hidden}._sidebar_1yqh1_7._collapsed_1yqh1_20{width:var(--sidebar-collapsed)}@media (max-width: 1024px){._sidebar_1yqh1_7{transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-xl);z-index:var(--z-overlay)}._sidebar_1yqh1_7._mobileOpen_1yqh1_32{transform:translate(0)}}._logo_1yqh1_39{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);height:var(--header-h);border-bottom:1px solid var(--sidebar-border);flex-shrink:0;position:relative}._logoIcon_1yqh1_50{width:32px;height:32px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}._logoImg_1yqh1_61{width:100%;height:100%;object-fit:contain}._logoText_1yqh1_67{display:flex;align-items:baseline;gap:1px;flex:1;overflow:hidden}._logoPrimary_1yqh1_75{font-size:16px;font-weight:700;color:var(--emerald-700);letter-spacing:-.3px}._logoSecondary_1yqh1_82{font-size:16px;font-weight:500;color:var(--neutral-500);letter-spacing:-.3px}._collapseBtn_1yqh1_90{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--neutral-100);color:var(--neutral-500);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer}._collapseBtn_1yqh1_90:hover{background:var(--emerald-50);color:var(--emerald-700)}._closeBtn_1yqh1_109{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--neutral-100);color:var(--neutral-500);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);margin-left:auto}._closeBtn_1yqh1_109:hover{background:#fef2f2;color:#dc2626}._projectBadge_1yqh1_129{margin:var(--space-3) var(--space-3) 0;padding:var(--space-2) var(--space-3);background:var(--emerald-50);border:1px solid var(--emerald-200);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}._projectBadge_1yqh1_129:hover{background:var(--emerald-100);border-color:var(--emerald-300)}._projectBadgeLabel_1yqh1_144{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--emerald-600);margin-bottom:2px}._projectBadgeName_1yqh1_154{display:block;font-size:var(--text-sm);font-weight:600;color:var(--emerald-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._nav_1yqh1_165{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) 0;scrollbar-width:thin;scrollbar-color:var(--neutral-200) transparent}._nav_1yqh1_165::-webkit-scrollbar{width:4px}._nav_1yqh1_165::-webkit-scrollbar-track{background:transparent}._nav_1yqh1_165::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:2px}._group_1yqh1_179{margin-bottom:var(--space-1)}._groupLabel_1yqh1_183{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-text-muted);padding:var(--space-3) var(--space-4) var(--space-1)}._navItem_1yqh1_194{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-4);margin:1px var(--space-2);border-radius:var(--radius-md);border-left:3px solid transparent;color:var(--sidebar-text);font-size:var(--text-sm);font-weight:var(--fw-medium);text-decoration:none;position:relative;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;white-space:nowrap;overflow:hidden}._navItem_1yqh1_194:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text);border-left-color:var(--neutral-200)}._navItem_1yqh1_194._active_1yqh1_223{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:var(--sidebar-active-border);font-weight:var(--fw-semibold)}._sidebar_1yqh1_7._collapsed_1yqh1_20 ._navItem_1yqh1_194{justify-content:center;padding:9px;margin:1px var(--space-2);gap:0}._sidebar_1yqh1_7._collapsed_1yqh1_20 ._groupLabel_1yqh1_183{opacity:0;height:0;padding:0;overflow:hidden}._sidebar_1yqh1_7._collapsed_1yqh1_20 ._projectBadge_1yqh1_129{display:none}._navIcon_1yqh1_250{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._navLabel_1yqh1_260{flex:1;overflow:hidden;text-overflow:ellipsis}._activeIndicator_1yqh1_267{position:absolute;right:var(--space-3);width:5px;height:5px;border-radius:50%;background:var(--emerald-500)}._userFooter_1yqh1_277{border-top:1px solid var(--sidebar-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;background:var(--neutral-50)}._userAvatar_1yqh1_287{width:32px;height:32px;border-radius:50%;background:var(--emerald-600);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px}._userInfo_1yqh1_302{flex:1;overflow:hidden}._userName_1yqh1_307{display:block;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._userRole_1yqh1_317{display:block;font-size:11px;color:var(--neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}._header_127vo_5{height:var(--header-h);background:var(--bg-header);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:100;flex-shrink:0;box-shadow:var(--shadow-xs)}._left_127vo_20{display:flex;align-items:center;gap:var(--space-4)}._menuBtn_127vo_26{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}._menuBtn_127vo_26:hover{background:var(--bg-hover);color:var(--text-brand)}._breadcrumbs_127vo_36{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}._breadcrumb_127vo_36{display:flex;align-items:center;gap:var(--space-2)}._crumb_127vo_49{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;font-weight:var(--fw-medium)}._crumbActive_127vo_56{color:var(--text-base);font-weight:var(--fw-bold);font-size:16px;white-space:nowrap}._sep_127vo_63{color:var(--neutral-300);font-size:var(--text-xs);flex-shrink:0}._right_127vo_70{display:flex;align-items:center;gap:var(--space-4)}._iconBtn_127vo_76{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);position:relative;transition:all var(--transition-fast)}._iconBtn_127vo_76:hover{background:var(--bg-hover);color:var(--text-brand)}._badge_127vo_86{position:absolute;top:4px;right:4px;background:var(--text-danger);color:#fff;font-size:9px;font-weight:var(--fw-bold);padding:1px 4px;border-radius:var(--radius-full);border:1.5px solid var(--bg-surface);line-height:1}._dropdown_127vo_100{position:relative;display:inline-block}._dropdownPanel_127vo_105{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;overflow:hidden;display:flex;flex-direction:column}._notifsPanel_127vo_119{width:340px}._profilePanel_127vo_123{min-width:200px;padding:var(--space-2) 0}._profileBtn_127vo_129{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;background:var(--bg-surface);transition:all var(--transition-fast);padding:0}._profileBtn_127vo_129:hover{border-color:var(--border-strong);background:var(--bg-hover)}._avatar_127vo_147{width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--emerald-600),var(--gold-400));display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-bold);color:#fff;flex-shrink:0}._profileInfo_127vo_156{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;text-align:left}._profileName_127vo_164{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-base);white-space:nowrap}._profileRole_127vo_171{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--fw-semibold)}._chevron_127vo_179{color:var(--neutral-400);flex-shrink:0}._menuItem_127vo_185{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);width:100%;border:none;background:none;text-align:left;font-family:var(--font-sans)}._menuItem_127vo_185:hover{background:var(--bg-hover);color:var(--text-brand)}._menuItem_127vo_185._danger_127vo_201{color:var(--text-danger)}._menuItem_127vo_185._danger_127vo_201:hover{background:#fef2f2}._menuDivider_127vo_204{height:1px;background:var(--border-subtle);margin:4px 0}._panelHeader_127vo_211{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);font-weight:var(--fw-semibold);color:var(--text-base);font-size:var(--text-sm)}._markAllBtn_127vo_222{font-size:var(--text-xs);color:var(--emerald-700);font-weight:var(--fw-semibold);background:none;border:none;cursor:pointer}._markAllBtn_127vo_222:hover{text-decoration:underline}._notifList_127vo_232{max-height:320px;overflow-y:auto}._notifItem_127vo_234{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast)}._notifItem_127vo_234:last-child{border-bottom:none}._notifItem_127vo_234:hover{background:var(--bg-hover)}._notifItem_127vo_234._unread_127vo_245{background:var(--emerald-50)}._notifMsg_127vo_247{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}._notifTime_127vo_248{font-size:11px;color:var(--text-muted)}._emptyNotif_127vo_249{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}._mobileOnly_127vo_252{display:none}._desktopOnly_127vo_253{display:flex}@media (max-width: 1024px){._mobileOnly_127vo_252{display:flex}._desktopOnly_127vo_253{display:none}}@media (max-width: 768px){._profileName_127vo_164,._profileRole_127vo_171{display:none}._header_127vo_5{padding:0 var(--space-4)}}._projectSelector_127vo_266{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border:1.5px solid rgba(16,185,129,.45);border-radius:var(--radius-md);background:#10b98108;cursor:pointer;transition:all var(--transition-fast);max-width:220px;text-align:left;box-shadow:0 0 0 2px #10b9810f}._projectSelector_127vo_266:hover{border-color:var(--emerald-600);background:#10b98114;box-shadow:0 0 0 3px #10b9811f}._projectSelectorText_127vo_286{display:flex;flex-direction:column;line-height:1.25}._projectSelectorLabel_127vo_292{font-size:9px;color:var(--emerald-600);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--fw-bold)}._projectSelectorName_127vo_300{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--emerald-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}._shell_3zvx9_1{display:flex;height:100vh;background:var(--bg-base);width:100%;overflow:hidden}._mobileOverlay_3zvx9_9{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:450;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._main_3zvx9_17{flex:1;display:flex;flex-direction:column;height:100vh;margin-left:var(--sidebar-offset, var(--sidebar-w));transition:margin-left var(--transition-base);overflow:hidden;width:100%}._content_3zvx9_28{flex:1;overflow-y:auto;padding:0;width:100%}@media (max-width: 1024px){._main_3zvx9_17{margin-left:0!important}}@keyframes _spin_airqq_16{to{transform:rotate(360deg)}}._wrapper_airqq_8{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2)}._spinner_airqq_16{border-radius:50%;border-style:solid;animation:_spin_airqq_16 .75s linear infinite;flex-shrink:0}._sm_airqq_24{width:16px;height:16px;border-width:2px}._md_airqq_25{width:26px;height:26px;border-width:3px}._lg_airqq_26{width:40px;height:40px;border-width:4px}._emerald_airqq_29{border-color:var(--emerald-100);border-top-color:var(--emerald-600)}._gold_airqq_34{border-color:var(--gold-100);border-top-color:var(--gold-400)}._white_airqq_39{border-color:#ffffff40;border-top-color:#fff}._label_airqq_45{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--fw-medium)}._pageLoader_airqq_52{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-base);gap:var(--space-4);z-index:var(--z-modal)}._logoMark_airqq_64{animation:_pulse_airqq_1 1.8s ease-in-out infinite}@keyframes _pulse_airqq_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.96)}}._spinnerLg_airqq_73{width:44px;height:44px;border-radius:50%;border:3px solid var(--emerald-100);border-top-color:var(--emerald-600);animation:_spin_airqq_16 .8s linear infinite}._pageLabel_airqq_81{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--fw-medium);letter-spacing:.02em}._skCell_airqq_90{padding:13px 16px!important}@keyframes _shimmer_airqq_1{0%{background-position:-600px 0}to{background-position:600px 0}}._skBlock_airqq_98{height:13px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--neutral-100) 0%,var(--neutral-50) 40%,var(--neutral-100) 80%);background-size:600px 100%;animation:_shimmer_airqq_1 1.3s infinite}._skCard_airqq_112{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:0;box-shadow:var(--shadow-xs)}:root{--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--gold-50: #fffbeb;--gold-100: #fef3c7;--gold-200: #fde68a;--gold-300: #fcd34d;--gold-400: #D4AF37;--gold-500: #b8960c;--gold-600: #92730a;--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--brand-primary: var(--emerald-600);--brand-primary-h: var(--emerald-700);--brand-accent: var(--gold-400);--brand-accent-h: var(--gold-500);--bg-base: #f0f4f2;--bg-surface: var(--neutral-0);--bg-elevated: var(--neutral-50);--bg-input: var(--neutral-0);--bg-hover: var(--emerald-50);--bg-active: #dcfce7;--bg-selected: var(--emerald-100);--bg-sidebar: #ffffff;--bg-sidebar-h: var(--neutral-50);--bg-header: var(--neutral-0);--sidebar-border: var(--neutral-200);--sidebar-text: var(--neutral-700);--sidebar-text-muted: var(--neutral-400);--sidebar-active-bg: var(--emerald-50);--sidebar-active-text: var(--emerald-700);--sidebar-active-border:var(--gold-400);--sidebar-hover-bg: var(--neutral-50);--sidebar-hover-text: var(--neutral-800);--text-base: var(--neutral-900);--text-secondary: var(--neutral-700);--text-muted: var(--neutral-500);--text-disabled: var(--neutral-400);--text-inverse: var(--neutral-0);--text-brand: var(--emerald-700);--text-accent: var(--gold-500);--text-danger: #dc2626;--text-success: var(--emerald-700);--text-warning: #b45309;--text-on-sidebar: rgba(255,255,255,.72);--text-on-sidebar-active: rgba(255,255,255,1);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--border-brand: var(--emerald-300);--border-focus: var(--emerald-500);--border-accent: var(--gold-300);--status-active-bg: var(--emerald-50);--status-active-text: var(--emerald-800);--status-active-border: var(--emerald-200);--status-completed-bg: #f0fdf4;--status-completed-text:#166534;--status-completed-border:#bbf7d0;--status-onhold-bg: var(--gold-50);--status-onhold-text: #92400e;--status-onhold-border: var(--gold-200);--status-cancelled-bg: #f8fafc;--status-cancelled-text:var(--neutral-500);--status-cancelled-border:var(--neutral-200);--status-pending-bg: #fffbeb;--status-pending-text: #92400e;--status-pending-border:var(--gold-200);--status-danger-bg: #fef2f2;--status-danger-text: #991b1b;--status-danger-border: #fecaca;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.06), 0 4px 6px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px rgba(0,0,0,.07), 0 8px 10px rgba(0,0,0,.04);--shadow-hover: 0 8px 24px rgba(5,150,105,.1), 0 2px 8px rgba(0,0,0,.04);--shadow-modal: 0 20px 60px rgba(0,0,0,.12);--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--gradient-brand: linear-gradient(135deg, var(--emerald-600) 0%, var(--emerald-400) 100%);--gradient-accent: linear-gradient(135deg, var(--gold-400) 0%, var(--gold-300) 100%);--gradient-top-bar: linear-gradient(90deg, var(--emerald-500) 0%, var(--gold-400) 100%);--gradient-card-emerald: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);--gradient-card-gold: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);--chart-1: #059669;--chart-2: #D4AF37;--chart-3: #34d399;--chart-4: #6b7280;--chart-5: #0284c7;--chart-6: #dc2626;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--transition-fast: .12s ease;--transition-base: .18s ease;--transition-slow: .28s ease;--sidebar-w: 240px;--sidebar-collapsed: 64px;--header-h: 60px;--content-max: 1440px;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #10b98133}50%{box-shadow:0 0 24px #10b98180}}@keyframes pulseGoldGlow{0%,to{box-shadow:0 0 8px #d4af3726}50%{box-shadow:0 0 24px #d4af3766}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes badgeBounce{0%,to{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-fadeInUp{animation:fadeInUp .35s ease forwards}.animate-fadeInDown{animation:fadeInDown .3s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-spin{animation:spin .8s linear infinite}.animate-pulse{animation:pulse 1.8s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-elevated) 40%,var(--bg-surface) 80%);background-size:800px 100%;animation:shimmer 1.4s infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-base);background:var(--bg-base);line-height:1.5;min-height:100vh}button{font-family:var(--font-sans);cursor:pointer;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}input,select,textarea{font-family:var(--font-sans);outline:none}img,svg{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.app-layout{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:margin-left var(--transition-base)}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-premium{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--emerald-500) 0%,var(--gold-400) 100%)}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-container{padding:var(--space-6) var(--space-8);max-width:var(--content-max);width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-base);display:flex;align-items:center;gap:var(--space-3);line-height:1.2}.page-title-icon{width:36px;height:36px;background:var(--emerald-600);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1);font-weight:var(--fw-normal)}.section-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:var(--space-3)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-xs)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 16px;text-align:left;font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--neutral-50);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table td{padding:11px 16px;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.animate-shimmer{background:linear-gradient(90deg,var(--neutral-100) 0%,var(--neutral-50) 40%,var(--neutral-100) 80%);background-size:800px 100%;animation:shimmer 1.4s infinite}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-5) 0}:focus-visible{outline:2px solid var(--emerald-500);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:2px 9px;border-radius:var(--radius-full);border:1px solid;white-space:nowrap;text-transform:capitalize}.badge-active,.badge-approved,.badge-completed{background:var(--status-active-bg);color:var(--status-active-text);border-color:var(--status-active-border)}.badge-on_hold,.badge-hold,.badge-pending,.badge-draft{background:var(--status-pending-bg);color:var(--status-pending-text);border-color:var(--status-pending-border)}.badge-cancelled,.badge-rejected,.badge-inactive{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border-color:var(--status-cancelled-border)}.badge-danger,.badge-overdue,.badge-critical{background:var(--status-danger-bg);color:var(--status-danger-text);border-color:var(--status-danger-border)}.badge-neutral,.badge-info{background:var(--neutral-100);color:var(--neutral-700);border-color:var(--neutral-200)}@media (max-width: 1280px){.page-container{padding:var(--space-5) var(--space-6)}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-container{padding:var(--space-4)}.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}input:disabled,select:disabled,textarea:disabled{background-color:var(--neutral-50)!important;color:var(--text-base)!important;-webkit-text-fill-color:var(--text-base)!important;opacity:1!important;cursor:default!important}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.95!important;filter:brightness(.7) contrast(1.2);cursor:default!important}.form-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.form-section-title{font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--text-base);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.form-section-title svg{color:var(--brand-primary)}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.page-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.page-actions-left{margin-right:auto}.page-actions-right{margin-left:auto}.detail-row{display:flex;flex-direction:column;gap:3px}.detail-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.detail-value{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-base)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.card-emerald{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--emerald-600);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-gold{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--gold-400);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-danger{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid #dc2626;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-top-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card-top-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-top-bar)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;gap:var(--space-3)}.empty-state svg{color:var(--neutral-300);margin-bottom:var(--space-2)}.empty-state-title{font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--text-secondary)}.empty-state-subtitle{font-size:var(--text-sm);color:var(--text-muted);max-width:300px;line-height:1.6}.progress-track{height:6px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--emerald-600);transition:width var(--transition-slow)}.progress-fill-gold{background:var(--gold-400)}.progress-fill-danger{background:#dc2626}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 1280px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid-4,.stats-grid-3{grid-template-columns:1fr}}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:var(--space-4)}.filter-bar-search{flex:1;min-width:200px}.welcome-banner{background:linear-gradient(135deg,var(--emerald-600) 0%,var(--emerald-700) 100%);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);color:#fff;margin-bottom:var(--space-6);position:relative;overflow:hidden}.welcome-banner:before{content:"";position:absolute;top:-40%;right:-5%;width:280px;height:280px;background:#ffffff0f;border-radius:50%}.welcome-banner:after{content:"";position:absolute;bottom:-30%;right:15%;width:160px;height:160px;background:#ffffff0a;border-radius:50%}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald-400);margin-top:5px;flex-shrink:0}.activity-dot-unread{background:var(--gold-400)}.activity-dot-danger{background:#dc2626}.tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--fw-medium);padding:2px 8px;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200);white-space:nowrap}.tag-emerald{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-200)}.tag-gold{background:var(--gold-50);color:var(--gold-600);border-color:var(--gold-200)}.clickable{cursor:pointer}.not-allowed{cursor:not-allowed}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.text-danger{color:var(--text-danger)}.text-success{color:var(--emerald-700)}