@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--accent-50: #ecfdf5;--accent-100: #d1fae5;--accent-200: #a7f3d0;--accent-300: #6ee7b7;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--accent-700: #047857;--accent-800: #065f46;--accent-900: #064e3b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: #fff1f2;--danger-100: #ffe4e6;--danger-200: #fecdd3;--danger-300: #fda4af;--danger-400: #fb7185;--danger-500: #f43f5e;--danger-600: #e11d48;--info-50: #f0f9ff;--info-100: #e0f2fe;--info-200: #bae6fd;--info-300: #7dd3fc;--info-400: #38bdf8;--info-500: #0ea5e9;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--bg-sidebar: #0f172a;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #ffffff;--bg-modal-overlay: rgba(15, 23, 42, .6);--bg-glass: rgba(255, 255, 255, .7);--bg-glass-border: rgba(255, 255, 255, .3);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--text-sidebar: #cbd5e1;--text-sidebar-active: #ffffff;--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--border-focus: #6366f1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .08);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .12);--sidebar-width: 280px;--sidebar-collapsed: 80px;--header-height: 70px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1a1f2e;--bg-sidebar: #070b14;--bg-card: #151b2b;--bg-card-hover: #1a2236;--bg-input: #1e293b;--bg-modal-overlay: rgba(0, 0, 0, .7);--bg-glass: rgba(21, 27, 43, .8);--bg-glass-border: rgba(99, 102, 241, .15);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #0f172a;--border-primary: #1e293b;--border-secondary: #1a2236;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}.app-layout{display:flex;min-height:100vh}.main-wrapper{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);display:flex;flex-direction:column;min-height:100vh}.main-wrapper.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.main-content{flex:1;padding:28px;padding-top:calc(var(--header-height) + 28px);max-width:1400px;width:100%;margin:0 auto}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:150}.mobile-overlay.active{display:block}@media(max-width:1024px){.main-wrapper{margin-left:var(--sidebar-collapsed)}}@media(max-width:768px){.mobile-menu-btn{display:flex}.main-wrapper{margin-left:0!important}.main-content{padding:16px;padding-top:calc(var(--header-height) + 16px)}}@media(max-width:480px){.main-content{padding:12px;padding-top:calc(var(--header-height) + 12px)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);z-index:100;display:flex;flex-direction:column;transition:width var(--transition-base);overflow:hidden;border-right:1px solid rgba(255,255,255,.06)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{padding:24px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.06);min-height:80px}.sidebar-logo{width:58px;height:58px;border-radius:var(--radius-md);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(255,255,255,.25)) drop-shadow(0 0 12px rgba(99,102,241,.4))}.sidebar-title{overflow:hidden;white-space:nowrap;transition:opacity var(--transition-fast)}.sidebar.collapsed .sidebar-title{opacity:0;width:0}.sidebar-title h2{color:var(--text-inverse);font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.sidebar-title p{color:var(--gray-500);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto;overflow-x:hidden}.nav-section-label{color:var(--gray-500);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:8px 12px;margin-top:12px;white-space:nowrap;overflow:hidden;transition:opacity var(--transition-fast)}.sidebar.collapsed .nav-section-label{opacity:0}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);color:var(--text-sidebar);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);position:relative;white-space:nowrap;margin-bottom:2px}.nav-link:hover{background:#ffffff0f;color:var(--text-sidebar-active)}.nav-link.active{background:linear-gradient(135deg,#6366f133,#10b9811a);color:var(--text-sidebar-active)}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--primary-400),var(--accent-400));border-radius:0 var(--radius-full) var(--radius-full) 0}.nav-link svg{width:20px;height:20px;flex-shrink:0;opacity:.8}.nav-link.active svg{opacity:1}.nav-link span{overflow:hidden;transition:opacity var(--transition-fast)}.sidebar.collapsed .nav-link span{opacity:0;width:0}.sidebar-toggle{padding:16px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-toggle button{width:100%;padding:10px;border:none;background:#ffffff0d;color:var(--gray-400);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.8rem;font-weight:500;transition:all var(--transition-fast)}.sidebar-toggle button:hover{background:#ffffff1a;color:var(--text-inverse)}.sidebar.collapsed .sidebar-toggle button span{display:none}.sidebar-branding{padding:10px 16px;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.sidebar-branding span{font-size:.65rem;color:var(--gray-500);letter-spacing:.5px;opacity:.6;transition:opacity var(--transition-fast)}.sidebar-branding:hover span{opacity:1}@media(max-width:768px){.sidebar{transform:translate(-100%);z-index:200}.sidebar.mobile-open{transform:translate(0)}}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 28px;transition:left var(--transition-base)}.header.sidebar-collapsed{left:var(--sidebar-collapsed)}.header-left{display:flex;flex-direction:column;gap:2px}.header-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.header-breadcrumb{font-size:.78rem;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.header-breadcrumb span{color:var(--primary-500)}.header-right{display:flex;align-items:center;gap:8px}.header-btn{width:40px;height:40px;border:none;background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);position:relative;border:1px solid var(--border-primary)}.header-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.header-btn svg{width:18px;height:18px}.theme-toggle{overflow:hidden}.header-user{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:var(--bg-card);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-primary);margin-left:4px}.header-user:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.header-user-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-400),var(--accent-400));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.header-user-info{display:flex;flex-direction:column}.header-user-name{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.2}.header-user-role{font-size:.68rem;color:var(--text-tertiary)}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;overflow:hidden}.header-dropdown-info{padding:14px 16px}.header-dropdown-divider{height:1px;background:var(--border-primary)}.header-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;font-family:Inter,sans-serif;font-size:.84rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-dropdown-logout{color:var(--danger-500)}.header-dropdown-logout:hover{background:var(--danger-50);color:var(--danger-600)}[data-theme=dark] .header-dropdown-logout:hover{background:#f43f5e1f}.logout-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998}.logout-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl, 20px);padding:32px 28px 24px;z-index:9999;box-shadow:0 25px 60px #0000004d;text-align:center}.logout-modal-icon{width:56px;height:56px;border-radius:50%;background:#f59e0b1a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#f59e0b}.logout-modal-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.logout-modal-desc{font-size:.84rem;color:var(--text-tertiary);line-height:1.55;margin:0 0 24px}.logout-modal-actions{display:flex;gap:10px}.logout-modal-btn{flex:1;padding:11px 16px;border-radius:var(--radius-lg, 12px);font-family:Inter,sans-serif;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.logout-modal-cancel{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.logout-modal-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.logout-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.logout-modal-confirm:hover{box-shadow:0 4px 16px #ef444459;transform:translateY(-1px)}.help-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;overflow:hidden}.help-panel-header{display:flex;align-items:center;gap:8px;padding:14px 16px;font-size:.88rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.help-panel-header svg{color:var(--primary-500)}.help-panel-section{padding:14px 16px}.help-panel-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:10px}.help-panel-guides{display:flex;flex-direction:column;gap:10px}.help-guide-item{display:flex;align-items:flex-start;gap:10px}.help-guide-icon{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.help-guide-title{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.2}.help-guide-desc{font-size:.72rem;color:var(--text-tertiary);line-height:1.4;margin-top:1px}.help-panel-divider{height:1px;background:var(--border-primary)}.help-panel-note{font-size:.76rem;color:var(--text-tertiary);line-height:1.5;margin:0 0 12px}.help-wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;color:#fff;text-decoration:none;cursor:pointer;transition:all .2s ease}.help-wa-btn:hover{box-shadow:0 4px 16px #25d3664d;transform:translateY(-1px)}@media(max-width:768px){.header{left:0!important;padding:0 12px}.header-title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}.header-breadcrumb{display:none}}@media(max-width:480px){.header-user-info{display:none}.header-user{padding:6px}.help-panel{position:fixed;top:calc(var(--header-height) + 4px);right:12px;left:12px;width:auto}.header-dropdown{right:-8px;width:240px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-success{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.btn-danger{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff;box-shadow:0 2px 8px #f43f5e4d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e66}.btn-warning{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;box-shadow:0 2px 8px #f59e0b4d}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.btn-outline:hover{background:var(--bg-card);border-color:var(--primary-300);color:var(--primary-500)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:7px 14px;font-size:.78rem}.btn-lg{padding:14px 28px;font-size:.95rem}.btn-icon{width:38px;height:38px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}@media(max-width:768px){.btn{padding:12px 20px;font-size:.88rem}.btn-sm{padding:10px 16px;min-height:44px}.btn-icon{width:44px;height:44px}.btn-icon.btn-sm{width:40px;height:40px}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.01em}.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.875rem;transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder{color:var(--text-tertiary)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' 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 12px center;padding-right:36px}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-error{font-size:.72rem;color:var(--danger-500);margin-top:4px;display:flex;align-items:center;gap:4px}@media(max-width:768px){.form-row,.form-row-3{grid-template-columns:1fr}.form-input,.form-select,.form-textarea{font-size:1rem}}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:24px;transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-glass-border)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.card-subtitle{font-size:.78rem;color:var(--text-tertiary);margin-top:2px}.trend-period-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px;gap:2px;border:1px solid var(--border-primary)}.trend-period-btn{padding:6px 14px;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;font-family:Inter,sans-serif;font-size:.74rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.trend-period-btn:hover:not(.active){color:var(--text-secondary);background:var(--bg-secondary)}.trend-period-btn.active{background:var(--primary-500);color:#fff;box-shadow:0 2px 6px #6366f14d}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table thead{background:var(--bg-tertiary)}[data-theme=dark] .table thead{background:#ffffff08}.table th{padding:14px 16px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.table td{padding:14px 16px;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-card-hover)}.table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.01em}.badge-success{background:var(--accent-50);color:var(--accent-700)}.badge-warning{background:var(--warning-50);color:var(--warning-600)}.badge-danger{background:var(--danger-50);color:var(--danger-600)}.badge-info{background:var(--info-50);color:var(--info-500)}.badge-primary{background:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .badge-success{background:#10b98126;color:var(--accent-400)}[data-theme=dark] .badge-warning{background:#f59e0b26;color:var(--warning-400)}[data-theme=dark] .badge-danger{background:#f43f5e26;color:var(--danger-400)}[data-theme=dark] .badge-info{background:#0ea5e926;color:var(--info-400)}[data-theme=dark] .badge-primary{background:#6366f126;color:var(--primary-400)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill.green{background:linear-gradient(90deg,var(--accent-400),var(--accent-500))}.progress-fill.blue{background:linear-gradient(90deg,var(--primary-400),var(--primary-500))}.progress-fill.amber{background:linear-gradient(90deg,var(--warning-400),var(--warning-500))}.progress-fill.red{background:linear-gradient(90deg,var(--danger-400),var(--danger-500))}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--text-tertiary)}.empty-state-icon svg{width:36px;height:36px}.empty-state-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-state-desc{font-size:.85rem;color:var(--text-tertiary);margin-bottom:20px;max-width:360px}.skeleton-block{background:linear-gradient(110deg,var(--bg-tertiary) 30%,var(--bg-secondary) 50%,var(--bg-tertiary) 70%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.skeleton-row td{padding:14px 12px}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-container.compact{padding:28px 16px}.empty-state-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500)15,var(--accent-500)10);border:2px dashed var(--border-primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-tertiary)}.empty-state-container.compact .empty-state-icon-wrapper{width:56px;height:56px;margin-bottom:10px}.empty-state-container .empty-state-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-state-container .empty-state-desc{font-size:.85rem;color:var(--text-tertiary);max-width:320px;line-height:1.5}@media(max-width:768px){.card-header{flex-direction:column;align-items:flex-start;gap:12px}.trend-period-toggle{width:100%}.trend-period-btn{flex:1;text-align:center}}@media(max-width:480px){.card{padding:16px}}.modal-overlay{position:fixed;inset:0;background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.modal-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.modal-close{width:34px;height:34px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast)}.modal-close:hover{background:var(--danger-50);color:var(--danger-500)}[data-theme=dark] .modal-close:hover{background:#f43f5e26}.modal-body{padding:24px 28px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 28px 24px}.toast-container{position:fixed;top:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);min-width:320px;max-width:420px}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-success .toast-icon{color:var(--accent-500)}.toast-error .toast-icon{color:var(--danger-500)}.toast-warning .toast-icon{color:var(--warning-500)}.toast-info .toast-icon{color:var(--info-500)}.toast-message{font-size:.85rem;font-weight:500;color:var(--text-primary)}.toast-close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:2px}.confirm-overlay{position:fixed;inset:0;background:var(--bg-modal-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.confirm-dialog{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:32px;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:var(--shadow-xl)}.confirm-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast)}.confirm-close:hover{background:var(--danger-50);color:var(--danger-500)}[data-theme=dark] .confirm-close:hover{background:#f43f5e26}.confirm-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}[data-theme=dark] .confirm-icon{background:#f43f5e26!important}.confirm-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.confirm-message{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-btn-cancel{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border:1px solid var(--border-primary)!important;flex:1;padding:10px 20px!important;font-weight:600!important}.confirm-btn-cancel:hover{background:var(--bg-card-hover)!important}.confirm-btn-confirm{background:var(--btn-bg, var(--danger-500))!important;color:#fff!important;border:none!important;flex:1;padding:10px 20px!important;font-weight:600!important;display:flex;align-items:center;justify-content:center;gap:6px}.confirm-btn-confirm:hover{background:var(--btn-hover, var(--danger-600))!important;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e4d}.confirm-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.validation-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:var(--radius-md);margin-bottom:20px;font-size:.84rem;line-height:1.5}.validation-banner.warning{background:var(--warning-50);border:1px solid var(--warning-200);color:var(--warning-600)}.validation-banner.error{background:var(--danger-50);border:1px solid var(--danger-200);color:var(--danger-600)}[data-theme=dark] .validation-banner.warning{background:#f59e0b1a;border-color:#f59e0b40;color:var(--warning-400)}[data-theme=dark] .validation-banner.error{background:#f43f5e1a;border-color:#f43f5e40;color:var(--danger-400)}.validation-banner-icon{flex-shrink:0;margin-top:2px}.validation-banner-content{flex:1}.validation-banner-title{font-weight:700;margin-bottom:4px}.validation-banner-list{list-style:none;padding:0;margin:4px 0 0}.validation-banner-list li{padding:2px 0}.validation-banner-list li:before{content:"•";margin-right:8px;font-weight:700}@media(max-width:480px){.toast-container{right:12px;left:12px}.toast{min-width:0;max-width:100%}.modal-header{padding:16px 16px 0}.modal-body{padding:16px}.modal-footer{padding:0 16px 16px}.confirm-dialog{padding:24px 16px 20px}.confirm-actions{flex-direction:column}}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-toolbar-left{display:flex;align-items:center;gap:12px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:12px;width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.search-input{padding-left:36px;min-width:260px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-toolbar-left{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.page-toolbar-right{display:flex;align-items:center;gap:10px}.export-dropdown{display:inline-flex;position:relative}.export-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:9999;min-width:200px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.export-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left}.export-dropdown-item:hover:not(:disabled){background:var(--bg-tertiary)}.export-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.export-dropdown-item-text{display:flex;flex-direction:column;gap:1px}.export-dropdown-item-label{font-size:.82rem;font-weight:600;color:var(--text-primary)}.export-dropdown-item-desc{font-size:.7rem;color:var(--text-tertiary)}.export-dropdown-divider{height:1px;background:var(--border-primary);margin:4px 8px}@media(max-width:768px){.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar-right{justify-content:flex-end}.search-input{min-width:0;width:100%}}@media(max-width:480px){.search-input{min-width:0;width:100%}.export-dropdown-menu{position:fixed;top:auto;right:12px;left:12px;min-width:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.delay-1{animation-delay:.05s;opacity:0}.delay-2{animation-delay:.1s;opacity:0}.delay-3{animation-delay:.15s;opacity:0}.delay-4{animation-delay:.2s;opacity:0}.delay-5{animation-delay:.25s;opacity:0}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.login-spinner{animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.file-upload-wrapper{margin-top:8px}.file-upload-dropzone{border:2px dashed var(--border-secondary);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;cursor:pointer;transition:all .25s ease;background:var(--bg-secondary)}.file-upload-dropzone:hover{border-color:var(--primary-400);background:#6366f10a}.file-upload-dropzone--active{border-color:var(--primary-500);background:#6366f114;transform:scale(1.01)}.file-upload-dropzone--uploading{pointer-events:none;opacity:.7}.file-upload-status{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-secondary);font-size:.85rem}.file-upload-spinner{animation:spin 1s linear infinite;color:var(--accent-primary)}.file-upload-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:260px;overflow-y:auto;padding-right:4px}.file-upload-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);transition:all .2s}.file-upload-item:hover{border-color:var(--primary-300);box-shadow:0 1px 4px #0000000f}.file-upload-thumb{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #f1f5f9);cursor:pointer;border:1px solid var(--border-primary);transition:transform .15s}.file-upload-thumb:hover{transform:scale(1.08)}.file-upload-thumb img{width:100%;height:100%;object-fit:cover}.file-upload-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-upload-name{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-meta{font-size:.72rem;color:var(--text-tertiary)}.file-upload-actions{display:flex;gap:4px;flex-shrink:0}.file-upload-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.file-upload-btn:hover{color:var(--primary-500);border-color:var(--primary-400);background:#6366f10f}.file-upload-btn--danger:hover{color:var(--danger-500, #ef4444);border-color:var(--danger-400, #f87171);background:#ef44440f}.file-upload-lightbox{position:fixed;inset:0;z-index:9999;background:#000000e0;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:fadeIn .2s ease}.file-upload-lightbox img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 40px #0006}.file-upload-lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.file-upload-lightbox-close:hover{background:#ffffff4d}.file-upload-lightbox-caption{color:#fffc;font-size:.85rem;margin-top:12px;text-align:center}.attachment-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:#6366f11a;color:var(--primary-500);font-size:.7rem;font-weight:600}.file-upload-ket-input{flex:1;padding:2px 6px;border:1px solid var(--primary-400);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.72rem;font-family:Inter,sans-serif;outline:none;min-width:0}.file-upload-ket-display{cursor:pointer;border-radius:3px;padding:1px 3px;margin:-1px -3px;transition:background .15s}.file-upload-ket-display:hover{background:#6366f10f}.file-upload-staging{margin-top:10px;border:1px solid var(--primary-300);border-radius:var(--radius-lg);background:#6366f108;overflow:hidden}.file-upload-staging-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#6366f114;color:var(--primary-600);font-size:.78rem;font-weight:600;border-bottom:1px solid var(--primary-200)}.file-upload-staging-list{display:flex;flex-direction:column;gap:0;max-height:240px;overflow-y:auto}.file-upload-staging-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(99,102,241,.08);transition:background .15s}.file-upload-staging-item:last-child{border-bottom:none}.file-upload-staging-item:hover{background:#6366f10a}.file-upload-thumb--staged{width:38px;height:38px;border-color:var(--primary-200)}.file-upload-staging-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.file-upload-staging-filename{display:flex;align-items:baseline;gap:8px}.file-upload-staging-filename .file-upload-name{font-size:.76rem;font-weight:500;opacity:.7}.file-upload-staging-input{width:100%;padding:5px 10px;border:1px solid var(--primary-300);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.file-upload-staging-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f126}.file-upload-staging-input::placeholder{font-weight:400;color:var(--text-tertiary);font-style:italic}.file-upload-staging-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:.85rem;font-weight:700}.file-upload-order{width:24px;height:24px;border-radius:50%;background:var(--primary-100);color:var(--primary-600);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-upload-list-header{display:flex;align-items:center;gap:6px;padding:6px 0 4px;font-size:.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.file-upload-dropzone{padding:16px 12px}.file-upload-thumb{width:36px;height:36px}.file-upload-staging-item{flex-wrap:wrap}.file-upload-staging-info{min-width:0;width:100%}}.year-switcher-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.year-switcher-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-400);color:var(--primary-600)}.year-switcher-btn svg:first-child{color:var(--primary-500)}.year-switcher-label{letter-spacing:.02em}.year-switcher-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.year-switcher-header{padding:10px 14px 6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.year-switcher-list{max-height:200px;overflow-y:auto}.year-switcher-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;border:none;background:transparent;color:var(--text-primary);font-size:.84rem;cursor:pointer;transition:all .15s;text-align:left}.year-switcher-item:hover{background:var(--bg-tertiary)}.year-switcher-item.active{background:#6366f114;color:var(--primary-600);font-weight:600}.year-switcher-item.active svg{color:var(--primary-500)}.year-switcher-divider{height:1px;background:var(--border-secondary);margin:2px 0}.year-switcher-add{color:var(--primary-600);font-weight:500;gap:8px;justify-content:flex-start}.year-switcher-add:hover{background:#6366f114}.year-switcher-add svg{color:var(--primary-500)}.year-switcher-empty{padding:12px 14px;font-size:.78rem;color:var(--text-tertiary);text-align:center}[data-theme=dark] .year-switcher-btn{background:var(--bg-tertiary);border-color:var(--border-secondary)}[data-theme=dark] .year-switcher-btn:hover{border-color:var(--primary-400);background:#6366f126}[data-theme=dark] .year-switcher-dropdown{background:var(--bg-secondary);border-color:var(--border-secondary)}[data-theme=dark] .year-switcher-item.active{background:#6366f126;color:var(--primary-400)}@media(max-width:768px){.year-switcher-label{display:none}.year-switcher-btn{padding:6px 8px}.year-switcher-btn svg:last-child{display:none}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:440px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.notification-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-secondary);font-size:.88rem;font-weight:700;color:var(--text-primary)}.notification-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700}.notification-close{margin-left:auto;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s}.notification-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-list{overflow-y:auto;max-height:380px}.notification-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:transparent;cursor:pointer;transition:all .15s;text-align:left;border-left:3px solid transparent}.notification-item:hover{background:var(--bg-tertiary)}.notification-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-body{flex:1;min-width:0}.notification-title{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-desc{font-size:.72rem;color:var(--text-tertiary);margin-top:2px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center}.notification-empty p{font-size:.82rem;color:var(--text-tertiary);margin:0}[data-theme=dark] .notification-dropdown{background:var(--bg-secondary);border-color:var(--border-secondary)}@media(max-width:480px){.notification-dropdown{position:fixed;top:calc(var(--header-height) + 4px);right:12px;left:12px;width:auto}}.pilar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media(max-width:1024px){.pilar-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pilar-grid{grid-template-columns:1fr}}.pilar-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;transition:all .25s ease;position:relative;overflow:hidden}.pilar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.pilar-card-1:before{background:var(--primary-500)}.pilar-card-2:before{background:var(--accent-500)}.pilar-card-3:before{background:#f59e0b}.pilar-card:hover{border-color:var(--border-active);box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}[data-theme=dark] .pilar-card{background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .pilar-card:hover{background:#fff1;box-shadow:0 4px 20px #00000040}.pilar-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pilar-card-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pilar-card-1 .pilar-card-icon{background:#6366f11f;color:var(--primary-500)}.pilar-card-2 .pilar-card-icon{background:#10b9811f;color:var(--accent-500)}.pilar-card-3 .pilar-card-icon{background:#f59e0b1f;color:#f59e0b}.pilar-card-title{font-size:.92rem;font-weight:700;color:var(--text-primary);line-height:1.3}.pilar-card-subtitle,.pilar-card-desc{font-size:.72rem;color:var(--text-tertiary);margin-top:2px}.pilar-card-body{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.pilar-card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.pilar-card-actions{display:flex;gap:8px;flex-wrap:wrap}.pilar-card-actions .btn{font-size:.76rem;padding:6px 14px}.pilar-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap}.pilar-badge-ready{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.pilar-badge-incomplete{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.pilar-badge-empty{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .pilar-badge-ready{color:#34d399}[data-theme=dark] .pilar-badge-incomplete{color:#fbbf24}[data-theme=dark] .pilar-badge-empty{color:#f87171}.narrative-editor{margin-top:12px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.narrative-editor-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border:none;cursor:pointer;color:var(--text-primary);transition:background .2s}.narrative-editor-toggle:hover{background:var(--bg-hover)}.narrative-editor-body{padding:20px;background:var(--bg-primary)}.narrative-field-group{margin-bottom:16px}.narrative-field{min-height:100px;resize:vertical;font-size:.82rem!important;line-height:1.7!important}.expense-detail-toggle{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--primary-500);cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;transition:all .2s}.expense-detail-toggle:hover{background:#6366f114;border-color:#6366f133}.expense-items-panel{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px;margin-top:8px}.expense-items-panel .table{font-size:.76rem}.expense-items-panel .table th{font-size:.7rem;padding:6px 8px}.expense-items-panel .table td{padding:6px 8px}.expense-item-actions{display:flex;gap:4px}.expense-item-badge{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:99px;background:#6366f11a;color:var(--primary-500);border:1px solid rgba(99,102,241,.2)}.expense-item-badge-hok{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.pilar-section-title{font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.pilar-section-title svg{opacity:.6}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden;border:1px solid var(--border-primary);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card.income:before{background:linear-gradient(90deg,var(--accent-400),var(--accent-500))}.stat-card.expense:before{background:linear-gradient(90deg,var(--danger-400),var(--danger-500))}.stat-card.balance:before{background:linear-gradient(90deg,var(--primary-400),var(--primary-500))}.stat-card.activities:before{background:linear-gradient(90deg,var(--warning-400),var(--warning-500))}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-icon.income{background:linear-gradient(135deg,var(--accent-50),var(--accent-100));color:var(--accent-600)}.stat-icon.expense{background:linear-gradient(135deg,var(--danger-50),var(--danger-100));color:var(--danger-600)}.stat-icon.balance{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));color:var(--primary-600)}.stat-icon.activities{background:linear-gradient(135deg,var(--warning-50),var(--warning-100));color:var(--warning-600)}[data-theme=dark] .stat-icon.income{background:#10b98126}[data-theme=dark] .stat-icon.expense{background:#f43f5e26}[data-theme=dark] .stat-icon.balance{background:#6366f126}[data-theme=dark] .stat-icon.activities{background:#f59e0b26}.stat-icon svg{width:24px;height:24px}.stat-label{font-size:.78rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.stat-value{font-size:1.65rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.stat-change{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;margin-top:8px;padding:3px 8px;border-radius:var(--radius-full)}.stat-change.positive{background:var(--accent-50);color:var(--accent-600)}.stat-change.negative{background:var(--danger-50);color:var(--danger-600)}[data-theme=dark] .stat-change.positive{background:#10b98126}[data-theme=dark] .stat-change.negative{background:#f43f5e26}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.dashboard-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.activity-list{display:flex;flex-direction:column;gap:2px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-secondary)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-dot.green{background:var(--accent-500)}.activity-dot.red{background:var(--danger-500)}.activity-dot.blue{background:var(--primary-500)}.activity-dot.amber{background:var(--warning-500)}.activity-text{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{font-size:.7rem;color:var(--text-tertiary);margin-top:2px}.quick-actions{display:flex;flex-direction:column;gap:10px}.quick-action-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--text-primary)}.quick-action-btn:hover{background:var(--bg-card-hover);border-color:var(--primary-200);transform:translate(4px)}[data-theme=dark] .quick-action-btn:hover{border-color:var(--primary-700)}.quick-action-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-icon.purple{background:var(--primary-50);color:var(--primary-500)}.quick-action-icon.green{background:var(--accent-50);color:var(--accent-500)}.quick-action-icon.red{background:var(--danger-50);color:var(--danger-500)}.quick-action-icon.amber{background:var(--warning-50);color:var(--warning-500)}[data-theme=dark] .quick-action-icon.purple{background:#6366f126}[data-theme=dark] .quick-action-icon.green{background:#10b98126}[data-theme=dark] .quick-action-icon.red{background:#f43f5e26}[data-theme=dark] .quick-action-icon.amber{background:#f59e0b26}.quick-action-icon svg{width:20px;height:20px}.quick-action-text{font-size:.85rem;font-weight:600}.quick-action-desc{font-size:.72rem;color:var(--text-tertiary)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:768px){.stats-grid,.dashboard-grid-3{grid-template-columns:1fr}}@media(max-width:480px){.stat-card{padding:16px}.stat-value{font-size:1.2rem;word-break:break-word}}.lpj-preview{background:#fff;color:#1a1a1a;max-width:900px;margin:0 auto;padding:48px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-size:.9rem;line-height:1.7}.lpj-preview h1{font-size:1.4rem;text-align:center;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.lpj-preview h2{font-size:1.15rem;text-align:center;margin-bottom:24px;font-weight:500}.lpj-preview h3{font-size:1rem;font-weight:700;margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid #e5e7eb}.lpj-preview table{width:100%;border-collapse:collapse;margin:12px 0}.lpj-preview table th,.lpj-preview table td{padding:8px 12px;border:1px solid #d1d5db;text-align:left;font-size:.82rem}.lpj-preview table th{background:#f3f4f6;font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}.lpj-preview .total-row{font-weight:700;background:#f9fafb}.lpj-preview .signature-section{display:flex;justify-content:space-between;margin-top:60px;text-align:center}.lpj-preview .signature-block{width:200px}.lpj-preview .signature-block p:first-child{margin-bottom:80px}.lpj-preview .signature-block .name{font-weight:600;text-decoration:underline}.lpj-preview{background:#fff;color:#111;padding:40px 48px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-size:.85rem;line-height:1.7}.lpj-preview h1{font-size:1.4rem;text-align:center;margin-bottom:4px;color:#111}.lpj-preview h2{font-size:1.1rem;text-align:center;color:#333}.lpj-preview h3{font-size:1rem;font-weight:700;margin:28px 0 12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb;color:#111}.lpj-preview table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.82rem}.lpj-preview th,.lpj-preview td{padding:10px 14px;border:1px solid #d1d5db;text-align:left}.lpj-preview th{background:#f3f4f6;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#374151}.lpj-preview .text-right{text-align:right}.lpj-preview .total-row td{background:#eef2ff;font-weight:700}.lpj-preview .signature-section{display:flex;justify-content:space-between;margin-top:60px;padding:0 40px}.lpj-preview .signature-block{text-align:center}.lpj-preview .signature-block .name{margin-top:80px;font-weight:700;text-decoration:underline}@media(max-width:768px){.lpj-preview{padding:24px 16px;overflow-x:auto}.lpj-preview table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.lpj-preview .signature-section{flex-direction:column;gap:40px;padding:0}.lpj-preview .signature-block{width:100%;max-width:200px;margin:0 auto}}.kegiatan-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.kegiatan-summary-strip{display:flex;align-items:center;gap:20px;padding:14px 24px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.kegiatan-summary-item{display:flex;flex-direction:column;align-items:center;gap:2px}.kegiatan-summary-number{font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.kegiatan-summary-label{font-size:.68rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.kegiatan-summary-divider{width:1px;height:32px;background:var(--border-primary)}.bidang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bidang-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bidang-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:var(--bidang-color, var(--primary-300))}[data-theme=dark] .bidang-card:hover{box-shadow:0 12px 32px #00000059}.bidang-card-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}.bidang-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.bidang-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.bidang-card-arrow{color:var(--text-tertiary);opacity:0;transform:translate(-6px);transition:all .25s ease}.bidang-card:hover .bidang-card-arrow{opacity:1;transform:translate(0)}.bidang-card-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.bidang-card-desc{font-size:.76rem;color:var(--text-tertiary);line-height:1.5;margin-bottom:16px}.bidang-card-stats{display:flex;gap:16px}.bidang-card-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.bidang-card-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.bidang-card-stat-label{font-size:.66rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.kegiatan-breadcrumb{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.kegiatan-breadcrumb-path{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-tertiary)}.kegiatan-breadcrumb-path span{transition:color .2s}.kegiatan-breadcrumb-path span:not(.active):hover{color:var(--primary-500)}.kegiatan-breadcrumb-path .active{color:var(--text-primary);font-weight:600}.kegiatan-breadcrumb-path svg{color:var(--text-tertiary);flex-shrink:0}.bidang-header-card{position:relative;border-radius:var(--radius-lg);padding:28px;margin-bottom:24px;overflow:visible;color:#fff}.bidang-header-card-accent{position:absolute;inset:0;z-index:0}.bidang-header-info{position:relative;z-index:10;display:flex;align-items:center;gap:16px;margin-bottom:24px}.bidang-header-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bidang-header-title{font-size:1.35rem;font-weight:700;margin-bottom:4px}.bidang-header-desc{font-size:.85rem;opacity:.85}.bidang-header-stats-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bidang-header-stat{background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:14px 16px;text-align:center}.bidang-header-stat-value{font-size:1.05rem;font-weight:700;margin-bottom:4px}.bidang-header-stat-label{font-size:.72rem;opacity:.75}.sub-bidang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sub-bidang-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:22px;cursor:pointer;transition:all .25s ease;position:relative}.sub-bidang-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}[data-theme=dark] .sub-bidang-card:hover{border-color:var(--primary-700)}.sub-bidang-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sub-bidang-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.sub-bidang-arrow{color:var(--text-tertiary);opacity:0;transform:translate(-4px);transition:all .2s ease}.sub-bidang-card:hover .sub-bidang-arrow{opacity:1;transform:translate(0)}.sub-bidang-card-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.sub-bidang-card-count{font-size:.76rem;color:var(--text-tertiary);margin-bottom:10px}.sub-bidang-status-row{display:flex;gap:6px;flex-wrap:wrap}.kegiatan-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.kegiatan-activity-card{position:relative;overflow:hidden}.kegiatan-activity-card-accent{position:absolute;top:0;left:0;width:3px;height:100%;border-radius:3px 0 0 3px}@media(max-width:1024px){.bidang-grid,.sub-bidang-grid,.bidang-header-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.bidang-grid,.sub-bidang-grid,.kegiatan-list-grid{grid-template-columns:1fr}.kegiatan-summary-strip{flex-wrap:wrap;gap:12px;padding:12px 16px}.kegiatan-summary-divider{display:none}.kegiatan-summary-item{flex-direction:row;gap:6px}.bidang-header-stats-row{grid-template-columns:repeat(2,1fr)}.bidang-header-card{padding:20px}.bidang-header-title{font-size:1.1rem}}@media(max-width:480px){.bidang-header-stats-row{grid-template-columns:1fr 1fr;gap:8px}.bidang-header-stat{padding:10px 8px}.kegiatan-summary-strip{padding:10px 12px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81,#1e293b,#0f172a);background-size:400% 400%;animation:loginGradientShift 15s ease infinite;position:relative;overflow:hidden;padding:20px}@keyframes loginGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.login-page:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.login-bg-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.login-particle{position:absolute;border-radius:50%;opacity:.15;animation:loginFloat linear infinite}.particle-1{width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.4),transparent 70%);top:-5%;left:-5%;animation-duration:20s}.particle-2{width:200px;height:200px;background:radial-gradient(circle,rgba(16,185,129,.3),transparent 70%);top:60%;right:-3%;animation-duration:25s;animation-delay:-5s}.particle-3{width:150px;height:150px;background:radial-gradient(circle,rgba(139,92,246,.3),transparent 70%);bottom:10%;left:15%;animation-duration:18s;animation-delay:-10s}.particle-4{width:100px;height:100px;background:radial-gradient(circle,rgba(245,158,11,.2),transparent 70%);top:30%;right:20%;animation-duration:22s;animation-delay:-3s}.particle-5{width:250px;height:250px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent 70%);bottom:-5%;right:30%;animation-duration:28s;animation-delay:-8s}.particle-6{width:180px;height:180px;background:radial-gradient(circle,rgba(16,185,129,.2),transparent 70%);top:10%;left:40%;animation-duration:24s;animation-delay:-12s}@keyframes loginFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,30px) scale(1.02)}}.login-container{position:relative;z-index:10;width:100%;max-width:440px;background:#0f172aa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(99,102,241,.15);border-radius:24px;padding:40px 36px;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff08,inset 0 1px #ffffff0f}.login-header{text-align:center;margin-bottom:24px}.login-logo-area{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;width:110px;height:110px}.login-logo-glow{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%);animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.login-logo-img{width:100px;height:100px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 4px 16px rgba(99,102,241,.3));transition:opacity .3s}.login-logo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#818cf8}.login-title{font-size:1.55rem;font-weight:800;color:#f1f5f9;letter-spacing:-.03em;margin:0;line-height:1.2}.login-subtitle{font-size:.85rem;color:#94a3b8;margin:6px 0 0;font-weight:400}.login-clock{margin-top:14px;padding:10px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:10px;display:inline-flex;flex-direction:column;align-items:center;gap:2px}.login-clock-time{font-size:1.1rem;font-weight:700;color:#c7d2fe;font-family:Inter,monospace;letter-spacing:.05em}.login-clock-date{font-size:.68rem;color:#64748b;text-transform:capitalize}.login-lockout{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:14px;margin-bottom:16px;overflow:hidden}.login-lockout-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#ef444426;display:flex;align-items:center;justify-content:center;color:#f87171;animation:lockShake .6s ease-in-out}@keyframes lockShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.login-lockout-title{font-size:.82rem;font-weight:700;color:#fca5a5}.login-lockout-desc{font-size:.74rem;color:#f87171;margin-top:2px;line-height:1.4}.login-lockout-desc strong{color:#fca5a5;font-weight:700;font-family:Inter,monospace}.login-tabs{display:flex;background:#ffffff0a;border-radius:14px;padding:4px;margin-bottom:20px;border:1px solid rgba(255,255,255,.06);position:relative}.login-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border:none;background:transparent;border-radius:11px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .25s ease;position:relative;z-index:1}.login-tab:hover:not(.active){color:#cbd5e1;background:#ffffff08}.login-tab.active{background:linear-gradient(135deg,#6366f138,#8b5cf626);color:#c7d2fe;box-shadow:0 3px 12px #6366f133}.login-tab-indicator{position:absolute;inset:0;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-radius:11px;z-index:-1}.login-message{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:.8rem;font-weight:500;line-height:1.45;margin-bottom:16px;overflow:hidden}.login-message svg{flex-shrink:0;margin-top:1px}.login-error{background:#f43f5e1f;border:1px solid rgba(244,63,94,.2);color:#fda4af}.login-success{background:#10b9811f;border:1px solid rgba(16,185,129,.2);color:#6ee7b7}.login-attempts-warn{font-size:.72rem;color:#fb923c;margin-top:4px;font-weight:600}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:7px}.login-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.login-label svg{color:#818cf8;opacity:.7}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input{width:100%;padding:13px 16px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;font-family:Inter,sans-serif;font-size:.92rem;color:#f1f5f9;outline:none;transition:all .25s ease}.login-input::placeholder{color:#475569}.login-input:focus{border-color:#6366f180;background:#ffffff12;box-shadow:0 0 0 3px #6366f11a,0 4px 16px #6366f10d}.login-input:disabled{opacity:.4;cursor:not-allowed}.login-input-line{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:0 0 12px 12px;transition:all .3s ease;transform:translate(-50%)}.login-input:focus~.login-input-line{width:calc(100% - 24px)}.login-input-otp{text-align:center;font-size:1.8rem;font-weight:700;letter-spacing:.6em;padding:16px;font-family:Inter,monospace}.login-otp-dots{display:flex;justify-content:center;gap:10px;margin-top:4px}.login-otp-dot{width:10px;height:10px;border-radius:50%;background:#ffffff14;border:1.5px solid rgba(255,255,255,.1);transition:all .2s ease}.login-otp-dot.filled{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f166;box-shadow:0 0 8px #6366f166}.login-eye-btn{position:absolute;right:12px;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;transition:color .15s;z-index:2}.login-eye-btn:hover{color:#94a3b8}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:.92rem;font-weight:700;color:#fff;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;margin-top:4px}.login-btn-otp{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.login-btn-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%{left:-100%}50%{left:150%}to{left:150%}}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .25s}.login-btn:hover:not(:disabled):before{opacity:1}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6366f166,0 0 0 1px #6366f14d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.login-otp-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#6366f10f;border:1px solid rgba(99,102,241,.12);border-radius:12px;color:#a5b4fc;font-size:.78rem;line-height:1.5}.login-otp-info-box svg{flex-shrink:0;margin-top:1px;color:#818cf8}.login-otp-info-box p{margin:0}.login-otp-sent-badge{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.15);border-radius:12px;font-size:.8rem;color:#6ee7b7}.login-otp-sent-badge strong{color:#a7f3d0;word-break:break-all}.login-resend-row{text-align:center;margin-top:-4px}.login-countdown{font-size:.78rem;color:#64748b}.login-countdown strong{color:#94a3b8;font-family:Inter,monospace}.login-resend-btn{background:none;border:none;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;color:#818cf8;cursor:pointer;padding:4px 8px;transition:color .15s}.login-resend-btn:hover{color:#a5b4fc;text-decoration:underline}.login-footer{margin-top:28px;text-align:center}.login-security-badges{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.login-badge{display:flex;align-items:center;gap:4px;font-size:.66rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.login-badge svg{color:#4ade80;opacity:.6}.login-badge-dot{width:3px;height:3px;border-radius:50%;background:#334155}.login-footer-copyright{font-size:.66rem;color:#334155}.login-wa-help{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin:12px 0 10px;background:#25d36614;border:1px solid rgba(37,211,102,.15);border-radius:20px;font-size:.74rem;font-weight:600;color:#4ade80;text-decoration:none;transition:all .25s ease}.login-wa-help svg{color:#25d366}.login-wa-help:hover{background:linear-gradient(135deg,#25d36626,#128c7e1f);border-color:#25d3664d;color:#6ee7b7;transform:translateY(-1px);box-shadow:0 4px 12px #25d36626}@media(max-width:480px){.login-container{padding:28px 22px;border-radius:20px}.login-title{font-size:1.3rem}.login-logo-area{width:90px;height:90px}.login-logo-img{width:80px;height:80px}.login-input-otp{font-size:1.5rem;letter-spacing:.4em}.login-clock{padding:8px 12px}.login-clock-time{font-size:.95rem}.login-security-badges{gap:6px}.login-input{font-size:1rem}}.audit-log-list{display:flex;flex-direction:column;gap:6px}.audit-log-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s}.audit-log-item:hover{border-color:var(--primary-200)}.audit-log-item.expanded{border-color:var(--primary-300);box-shadow:0 2px 12px #6366f114}.audit-log-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;gap:12px;transition:background .15s}.audit-log-header:hover{background:var(--bg-secondary)}.audit-log-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audit-log-right{display:flex;align-items:center;gap:12px}.audit-action-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.02em}.audit-action-insert{background:#10b9811a;color:#10b981}.audit-action-update{background:#f59e0b1a;color:#f59e0b}.audit-action-delete{background:#ef44441a;color:#ef4444}.audit-log-table-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.72rem;font-weight:500}.audit-log-record-id{font-size:.7rem;color:var(--text-tertiary);font-family:monospace;font-weight:600}.audit-log-meta{display:flex;align-items:center;gap:14px}.audit-log-user,.audit-log-time{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-tertiary);white-space:nowrap}.audit-log-relative{color:var(--primary-400);font-style:italic}.audit-log-expand{color:var(--text-tertiary);display:flex;align-items:center}.audit-log-detail{border-top:1px solid var(--border-primary);padding:14px 16px;background:var(--bg-secondary);overflow:hidden}.audit-diff-empty{font-size:.8rem;color:var(--text-tertiary);font-style:italic}.audit-diff-table{font-size:.78rem;width:100%}.audit-diff-header{display:grid;grid-template-columns:140px 1fr 1fr;gap:8px;padding:6px 8px;font-weight:700;color:var(--text-secondary);border-bottom:2px solid var(--border-primary);text-transform:uppercase;font-size:.68rem;letter-spacing:.04em}.audit-diff-row{display:grid;grid-template-columns:140px 1fr 1fr;gap:8px;padding:5px 8px;border-bottom:1px solid var(--border-primary);transition:background .15s}.audit-diff-row.changed{background:#f59e0b0a}.audit-diff-key{font-weight:600;color:var(--text-secondary);font-family:monospace;font-size:.74rem}.audit-diff-val{color:var(--text-primary);word-break:break-word}.audit-diff-old{color:var(--danger-500);text-decoration:line-through;opacity:.8}.audit-diff-new{color:var(--accent-500);font-weight:600}.role-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:var(--radius-full);font-size:.62rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.role-badge-admin{background:#6366f11f;color:#6366f1}.role-badge-operator{background:#10b9811f;color:#10b981}.role-badge-kades{background:#f59e0b1f;color:#f59e0b}.readonly-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);margin-bottom:16px;font-size:.82rem;color:#f59e0b;font-weight:500}.readonly-banner svg{flex-shrink:0}@media(max-width:768px){.audit-log-header{flex-direction:column;align-items:flex-start;gap:8px}.audit-log-right{width:100%;justify-content:space-between}.audit-log-meta{flex-direction:column;align-items:flex-start;gap:4px}.audit-diff-header,.audit-diff-row{grid-template-columns:100px 1fr 1fr}}@media(max-width:480px){.audit-diff-header,.audit-diff-row{grid-template-columns:80px 1fr}.audit-diff-header>:nth-child(3),.audit-diff-row>:nth-child(3){grid-column:2}}[data-theme=dark] .audit-log-item{border-color:var(--border-primary)}[data-theme=dark] .audit-log-item.expanded{border-color:var(--primary-600);box-shadow:0 2px 12px #6366f11f}[data-theme=dark] .audit-diff-row.changed{background:#f59e0b0f}[data-theme=dark] .readonly-banner{background:#f59e0b0f;border-color:#f59e0b26}@media print{.sidebar,.header,.page-toolbar,.btn,.export-dropdown,.toast-container,.confirm-overlay,.quick-actions,.trend-period-toggle,.table-actions,.kegiatan-top-bar,.breadcrumb{display:none!important}.main-content{margin-left:0!important;padding:0!important;width:100%!important}.page-content{padding:0!important;max-width:100%!important}body,.app,.main-content,.page-content{background:#fff!important;color:#000!important}.card,.stat-card,.table-container,.bidang-header-card,.bidang-card{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important;color:#000!important;break-inside:avoid}.table th{background:#f5f5f5!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.table td{color:#000!important;border-bottom:1px solid #ddd!important}.stats-grid{break-after:avoid}.dashboard-grid{break-inside:avoid}h1,h2,h3{break-after:avoid}.page-title{font-size:1.4rem!important;color:#000!important;margin-bottom:8px!important}.page-subtitle{color:#666!important;margin-bottom:20px!important}a{color:#000!important;text-decoration:none!important}@page{margin:2cm;size:A4}}