*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}img,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0;width:100%}:root{--bg-primary: #070B14;--bg-secondary: #0D1526;--bg-tertiary: #131F37;--card-bg: rgba(19, 31, 55, .75);--card-bg-hover: rgba(25, 40, 71, .85);--card-border: rgba(255, 255, 255, .08);--card-border-glow: rgba(16, 185, 129, .3);--card-blur: blur(16px);--brand-primary: #10B981;--brand-primary-hover: #059669;--brand-primary-glow: rgba(16, 185, 129, .25);--brand-gradient: linear-gradient(135deg, #10B981 0%, #059669 100%);--accent-blue: #3B82F6;--accent-blue-glow: rgba(59, 130, 246, .25);--accent-purple: #8B5CF6;--warning: #F59E0B;--warning-glow: rgba(245, 158, 11, .25);--danger: #EF4444;--danger-glow: rgba(239, 68, 68, .3);--success: #10B981;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--brand-primary-glow);--shadow-glow-danger: 0 0 25px var(--danger-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-sticky: 100;--z-drawer: 200;--z-modal-backdrop: 300;--z-modal: 310;--z-toast: 400}body.theme-light{--bg-primary: #F1F5F9;--bg-secondary: #FFFFFF;--bg-tertiary: #E2E8F0;--card-bg: rgba(255, 255, 255, .85);--card-bg-hover: rgba(255, 255, 255, .95);--card-border: rgba(0, 0, 0, .08);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12)}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:2.25rem;font-weight:800}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.15rem}h5{font-size:1rem}h6{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.text-brand{color:var(--brand-primary)}.text-blue{color:var(--accent-blue)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #10b98133}50%{box-shadow:0 0 25px #10b98180}}@keyframes pulseDanger{0%,to{box-shadow:0 0 12px #ef44444d;border-color:#ef444466}50%{box-shadow:0 0 28px #ef4444b3;border-color:#ef4444e6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn var(--transition-normal) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out forwards}.animate-pulse-glow{animation:pulseGlow 2.5s infinite}.animate-pulse-danger{animation:pulseDanger 1.8s infinite}.animate-spin{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:400% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}.card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.card:hover{border-color:#ffffff24}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);border-color:var(--brand-primary);box-shadow:var(--shadow-lg),0 0 15px var(--brand-primary-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--card-border)}.card-title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 12px var(--brand-primary-glow)}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:0 6px 16px var(--brand-primary-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--card-border)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff29}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px var(--danger-glow)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-md);background:#ffffff0a;color:var(--text-secondary);border:1px solid var(--card-border)}.btn-icon:hover{color:var(--text-primary);background:#ffffff14}.form-group{margin-bottom:1.25rem;text-align:left}.form-label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.375rem;color:var(--text-secondary)}.form-label .required{color:var(--danger)}.input-wrapper{position:relative;display:flex;align-items:center}.form-input,.form-select,.form-textarea,.form-control{width:100%;background:#0d1526d9;border:1px solid var(--card-border);border-radius:var(--radius-md);padding:.65rem 1rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast);box-sizing:border-box}.input-wrapper .form-input,.input-wrapper .form-select,.input-wrapper .form-textarea,.input-wrapper .form-control{padding-left:2.5rem}.input-wrapper .input-icon{position:absolute;left:1rem;color:var(--text-muted);font-size:.9rem;pointer-events:none;z-index:2}.input-wrapper.textarea-wrapper .input-icon{top:.85rem}.form-input::placeholder,.form-textarea::placeholder,.form-control::placeholder{color:#94a3b880}.form-select option,select.form-control option{background:#0f172a;color:#f8fafc;padding:.5rem}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow);background:#0d1526}.form-input.is-invalid,.form-select.is-invalid,.form-control.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-glow)}.form-error{display:block;font-size:.75rem;color:var(--danger);margin-top:.375rem}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);line-height:1}.badge-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-neutral{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.badge-brand,.badge-primary{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-pink{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.badge-purple{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.badge-yellow{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.filter-tab-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:.4rem .85rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center}.filter-tab-btn:hover{background:#ffffff0a;color:#fff;border-color:#ffffff26}.filter-tab-btn.active{background:#10b9811f;color:#34d399;border-color:#10b98159;font-weight:600}.progress-track{width:100%;height:.5rem;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--brand-gradient);transition:width .5s ease-out}.progress-fill.is-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.progress-fill.is-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.progress-fill.is-complete{background:linear-gradient(135deg,#10b981,#059669)}.table-responsive{width:100%;overflow-x:auto;border-radius:var(--radius-md)}.data-table{width:100%;font-size:.875rem}.data-table th{background:#0d152699;color:var(--text-muted);font-weight:600;text-align:left;padding:.875rem 1rem;border-bottom:1px solid var(--card-border);white-space:nowrap}.data-table td{padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#ffffff08}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-overlay.is-active{opacity:1;pointer-events:auto}.modal-dialog{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:translateY(20px) scale(.95);transition:transform var(--transition-normal)}.modal-overlay.is-active .modal-dialog{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--card-border)}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--card-border)}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:calc(100% - 3rem);pointer-events:none}.toast{pointer-events:auto;background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1rem 1.25rem;box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:.75rem;animation:slideDown var(--transition-normal) ease-out;position:relative;overflow:hidden}.toast-success{border-left:4px solid var(--brand-primary)}.toast-error{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--accent-blue)}.toast-message{font-size:.875rem;color:var(--text-primary);flex:1}.toast-close{color:var(--text-muted);font-size:.9rem}.toast-close:hover{color:var(--text-primary)}.app-layout,.app-shell{display:flex;min-height:100vh;width:100%;background:var(--bg-primary);position:relative;overflow-x:hidden}.sidebar{width:260px;min-width:260px;max-width:260px;height:100vh;position:sticky;top:0;left:0;background:#0b1222;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;z-index:100;flex-shrink:0;transition:transform var(--transition-normal);box-shadow:4px 0 24px #00000040}.sidebar-brand{height:68px;padding:0 1.5rem;display:flex;align-items:center;gap:.875rem;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff03}.sidebar-logo-icon{width:2.35rem;height:2.35rem;border-radius:var(--radius-md);background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem;box-shadow:0 0 16px var(--brand-primary-glow);flex-shrink:0}.sidebar-brand-text{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.1}.sidebar-nav{padding:1rem 0;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.25rem}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.nav-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);padding:1.1rem 1.25rem .35rem}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.65rem 1rem;margin:.15rem .75rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);position:relative;text-decoration:none}.nav-item:hover{color:#fff;background:#ffffff0d;transform:translate(2px)}.nav-item.is-active{color:#fff;background:linear-gradient(135deg,#10b98133,#0596691a);border:1px solid rgba(16,185,129,.35);box-shadow:0 0 15px #10b98126;font-weight:600}.nav-item.is-active:before{content:"";position:absolute;left:-.75rem;top:20%;bottom:20%;width:3px;background:var(--brand-primary);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--brand-primary)}.nav-item i{width:1.25rem;font-size:1rem;text-align:center;color:var(--text-muted);transition:color var(--transition-fast)}.nav-item:hover i,.nav-item.is-active i{color:var(--brand-primary)}.nav-item-badge{margin-left:auto;font-size:.6875rem;padding:.15rem .45rem;border-radius:var(--radius-full)}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;background:#00000026}.main-content,.main-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.topbar{height:68px;min-height:68px;width:100%;background:#0b1222d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90;box-sizing:border-box}.topbar-left{display:flex;align-items:center;gap:1.25rem}.topbar-right{display:flex;align-items:center;gap:1rem}.user-profile-badge{display:flex;align-items:center;gap:.75rem;padding:.4rem .85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);transition:all var(--transition-fast)}.user-profile-badge:hover{background:#ffffff12;border-color:#ffffff26}.user-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 0 10px var(--brand-primary-glow);flex-shrink:0}.content-body,.content-wrapper{flex:1;padding:2rem 2.5rem;width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box}.grid-cards,.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mobile-menu-toggle,.sidebar-backdrop{display:none}@media (max-width: 992px){.sidebar{position:fixed;top:0;bottom:0;left:0;height:100vh;transform:translate(-100%);box-shadow:10px 0 40px #0009;z-index:1000}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop.is-active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999}.mobile-menu-toggle{display:inline-flex}.content-body,.content-wrapper{padding:1.5rem}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.topbar{padding:0 1rem;height:60px;min-height:60px}.content-body,.content-wrapper{padding:1rem}.grid-cards,.kpi-grid,.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}.modal-dialog{margin:1rem;max-height:calc(100vh - 2rem)}.user-profile-badge span.badge{display:none}}