:root{--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-100: #F99600;--primary-90: #FFC700;--primary-80: #FFD613;--primary-70: #FFE45F;--primary-60: #FFE582;--primary-50: #FFECA3;--primary-40: #FFF4C9;--primary-30: #FFF9E1;--primary: #F99600;--primary-accent: #FFC700;--primary-hover: #E08700;--primary-gradient: linear-gradient(135deg, #FFC700 0%, #F99600 100%);--primary-light: #FFF9E1;--primary-subtle: #FFF4C9;--primary-glow: rgba(249, 150, 0, .28);--primary-contrast: #FFFFFF;--secondary: #2A3547;--secondary-light: #F4F6F9;--secondary-subtle: rgba(42, 53, 71, .06);--success: #13DEB9;--success-light: #E6FFFA;--success-subtle: rgba(19, 222, 185, .08);--success-gradient: linear-gradient(135deg, #13DEB9 0%, #0CB899 100%);--warning: #FFC700;--warning-light: #FFF9E1;--warning-subtle: rgba(255, 199, 0, .12);--danger: #FA896B;--danger-light: #FDEDE8;--danger-subtle: rgba(250, 137, 107, .08);--info: #49BEFF;--info-light: #E8F7FF;--info-subtle: rgba(73, 190, 255, .08);--bg-main: #F8F9FA;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-hover: #F3F4F6;--text-primary: #1E293B;--text-secondary: #5A6A85;--text-muted: #94A3B8;--border-color: #E5E7EB;--border-subtle: rgba(229, 231, 235, .8);--card-shadow: 0px 4px 20px rgba(0, 0, 0, .04);--card-shadow-hover: 0px 8px 30px rgba(249, 150, 0, .14);--card-shadow-elevated: 0px 14px 45px rgba(0, 0, 0, .08);--modal-overlay: rgba(15, 23, 42, .5);--radius-xs: 6px;--radius-sm: 8px;--radius-btn: 10px;--radius-card: 18px;--radius-modal: 24px;--radius-pill: 9999px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}.dark{--bg-main: #11141A;--bg-card: #181D26;--bg-sidebar: #131720;--bg-hover: #1F2633;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-color: #262E3D;--border-subtle: rgba(255, 255, 255, .06);--card-shadow: 0px 6px 24px rgba(0, 0, 0, .4);--card-shadow-hover: 0px 10px 36px rgba(0, 0, 0, .6);--card-shadow-elevated: 0px 20px 60px rgba(0, 0, 0, .8);--primary-light: rgba(249, 150, 0, .18);--primary-subtle: rgba(255, 199, 0, .12);--secondary-light: rgba(255, 255, 255, .06);--success-light: rgba(19, 222, 185, .15);--warning-light: rgba(255, 199, 0, .15);--danger-light: rgba(250, 137, 107, .15);--info-light: rgba(73, 190, 255, .15);--modal-overlay: rgba(0, 0, 0, .85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;min-height:100vh;background-color:var(--bg-main);width:100%}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:50;flex-shrink:0;transition:width var(--transition-normal),min-width var(--transition-normal)}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0;overflow-x:hidden;background-color:var(--bg-main)}.topbar{height:72px;background-color:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.dark .topbar{background-color:#181d26eb}.page-body{padding:32px;flex:1;min-width:0;overflow-x:hidden}.card{background-color:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);padding:24px;transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:#f9960059}.glass-panel{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-card)}.dark .glass-panel{background:#181d26cc}.modernize-hero-card{background:linear-gradient(135deg,#fff9e1,#fff);border:1px solid rgba(255,199,0,.35);border-radius:var(--radius-card);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.dark .modernize-hero-card{background:linear-gradient(135deg,#f996001f,#181d26f2);border:1px solid rgba(255,199,0,.25)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family);font-weight:700;border-radius:var(--radius-btn);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-sm{height:34px;padding:0 14px;font-size:12.5px}.btn-md{height:42px;padding:0 18px;font-size:13.5px}.btn-lg{height:48px;padding:0 24px;font-size:15px}.btn-primary{background:var(--primary-gradient);color:#1e293b;box-shadow:0 4px 14px #f996004d}.btn-primary:hover{background:linear-gradient(135deg,#f99600,#e08700);box-shadow:0 6px 20px #f9960073;color:#fff;transform:translateY(-1px)}.btn-secondary{background-color:var(--primary-light);color:#d97706}.btn-secondary:hover{background-color:var(--primary-40);transform:translateY(-1px)}.btn-outline{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-danger{background-color:var(--danger);color:#fff;box-shadow:0 4px 12px #fa896b4d}.btn-danger:hover{filter:brightness(.92);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.form-input,.form-control,.form-select,.form-textarea,.input,.select,.textarea{width:100%;height:42px;padding:0 14px;font-family:var(--font-family);font-size:14px;color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-btn);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-input::placeholder,.form-control::placeholder,.form-textarea::placeholder,.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.form-input:hover,.form-control:hover,.form-select:hover,.form-textarea:hover,.input:hover,.select:hover,.textarea:hover{border-color:var(--primary)}.form-input:focus,.form-control:focus,.form-select:focus,.form-textarea:focus,.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3.5px #ffc70040;background-color:var(--bg-card)}.form-input:disabled,.form-control:disabled,.form-select:disabled,.form-textarea:disabled,.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-main)}.form-textarea,.textarea{height:auto;padding:12px 14px;min-height:84px;resize:vertical}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;border-radius:var(--radius-pill);line-height:1.2;letter-spacing:-.01em}.badge-dot{width:6px;height:6px;border-radius:50%}.badge-primary{background:#fff4c9;color:#d97706}.badge-secondary{background:var(--bg-hover);color:var(--text-primary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:#fff9e1;color:#b45309}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary)}.filter-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.filter-pill:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--text-primary)}.filter-pill.active{background:var(--primary-30);border-color:var(--primary);color:#b45309;font-weight:700;box-shadow:0 2px 8px #f996002e}.pill-counter{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;background:var(--bg-hover);color:var(--text-muted);line-height:1;transition:all var(--transition-fast)}.filter-pill:hover .pill-counter{background:var(--bg-card);color:var(--text-primary)}.filter-pill.active .pill-counter{background:var(--primary-gradient);color:#1e293b}.filter-pill.active.pill-danger{background:var(--danger-light);border-color:var(--danger);color:var(--danger);box-shadow:0 2px 8px #fa896b33}.filter-pill.active.pill-danger .pill-counter{background:var(--danger);color:#fff}.action-tile{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all var(--transition-fast);text-align:left;position:relative;overflow:hidden;text-decoration:none}.action-tile:hover{transform:translateY(-2px);border-color:#f9960066;box-shadow:var(--card-shadow-hover);background:var(--bg-card)}.action-tile:hover .action-tile-arrow{opacity:1;transform:translate(2px,-2px);color:var(--primary)}.action-tile:active{transform:scale(.98)}.action-tile-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.action-tile:hover .action-tile-icon{transform:scale(1.05)}.action-tile-arrow{opacity:.4;transition:all var(--transition-fast);margin-left:auto;flex-shrink:0;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:modalFadeIn .2s ease-out}.modal-content{background:var(--bg-card);border-radius:var(--radius-modal);border:1px solid var(--border-color);box-shadow:var(--card-shadow-elevated);max-width:100%;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,#c8c8c81f 25%,#c8c8c83d,#c8c8c81f 75%);background-size:200% 100%;animation:shimmer 1.5s infinite ease-in-out}.dark .skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important}.btn-mobile-menu{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-mobile-menu:hover{background:var(--bg-main);border-color:var(--primary);color:var(--primary)}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-overlay{animation:drawerFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.mobile-drawer-content{animation:slideInLeft .25s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 1024px){.desktop-sidebar{display:none!important}.btn-mobile-menu{display:flex!important}.topbar{padding:0 16px!important;gap:12px}.page-body{padding:20px 16px!important}}@media (max-width: 767px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;width:100%!important;max-height:90vh!important;overflow-y:auto!important}.hide-on-mobile{display:none!important}}@media print{body,html{background:#fff!important;color:#000!important}.sidebar,.topbar,.no-print,button:not(.print-keep),.form-group,input{display:none!important}.main-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding:0!important}.page-body{padding:0!important}.print-only{display:block!important}.card{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important;color:#000!important}table{width:100%!important;border-collapse:collapse!important}th,td{border-bottom:1px solid #ddd!important;padding:8px 12px!important;color:#000!important}tr{page-break-inside:avoid}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeInQuick{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInQuick .22s cubic-bezier(.16,1,.3,1) forwards}