@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap";:root{--primary:#00828a;--primary-light:#00828a14;--primary-dark:#00666c;--secondary:#e37222;--success:#5cb85c;--warning:#e37222;--danger:#ef4444;--info:#00b4c1;--bg-dark:#f4f9f8;--bg-card:#fff;--bg-card-hover:#ebf7f7;--text-main:#0f172a;--text-muted:#64748b;--border:#00828a26;--glass:#ffffffd9;--shadow-sm:0 2px 8px -1px #00828a0a;--shadow:0 10px 25px -5px #00828a0d, 0 8px 16px -6px #00000008;--shadow-lg:0 20px 35px -8px #00828a1f, 0 12px 24px -10px #0000000f;--shadow-glow:0 0 25px #00828a26;--radius-sm:.375rem;--radius:.625rem;--radius-lg:1rem;--radius-xl:1.5rem}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}img,video,svg{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Roboto,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:Outfit,sans-serif;font-weight:700}a{color:var(--primary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-dark)}button{cursor:pointer;font-family:inherit}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:40;background:#fff;flex-direction:column;width:280px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;box-shadow:4px 0 25px #00000008}.sidebar-header{border-bottom:1px solid var(--border);padding:2rem 1.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:1rem;padding:.875rem 1.1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--primary);background:#f8fafc;transform:translate(6px)}.nav-item.active{box-shadow:var(--shadow-sm);font-weight:600;color:var(--primary)!important;background:#e0e7ff!important}.main-content{flex-direction:column;flex:1;gap:2.5rem;margin-left:280px;padding:2.5rem;transition:all .3s;display:flex}.top-bar{background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);justify-content:space-between;align-items:center;width:100%;padding:1.25rem 2rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.75rem;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:1rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.stat-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.25px;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(4deg)}.stat-value{color:var(--text-main);letter-spacing:-.5px;word-break:break-word;overflow-wrap:anywhere;font-family:Outfit,sans-serif;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:800;line-height:1.2}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{box-shadow:var(--shadow-lg)}.panel-title{color:var(--text-main);letter-spacing:-.25px;align-items:center;gap:.75rem;margin-bottom:1.75rem;font-size:1.35rem;font-weight:700;display:flex}.form-group{margin-bottom:1.75rem}.form-label{color:var(--text-muted);letter-spacing:.25px;margin-bottom:.6rem;font-size:.85rem;font-weight:600;display:block}.form-control{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-main);outline:none;padding:.75rem 1.1rem;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-control:focus{border-color:var(--primary);background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px #4f46e51f}.btn{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.75px;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #4f46e540}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.btn-success{background:linear-gradient(135deg, var(--success) 0%, #047857 100%);color:#fff;box-shadow:0 4px 14px #10b98140}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.btn-outline{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--primary);background:#4f46e514}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.25px;border-bottom:2px solid var(--border);background:var(--bg-dark);padding:1.1rem 1.25rem;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-main);padding:1.1rem 1.25rem}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background:var(--bg-dark)}.badge{text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:9999px;align-items:center;padding:.35rem .85rem;font-size:.7rem;font-weight:650;display:inline-flex}.badge-success{color:#15803d;background:#dcfce7;border-color:#16a34a26}.badge-warning{color:#a16207;background:#fef9c3;border-color:#ca8a0426}.badge-primary{color:#0369a1;background:#e0f2fe;border-color:#0284c726}.badge-danger{color:#b91c1c;background:#fee2e2;border-color:#dc262626}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-success{color:var(--success)!important}.text-muted{color:var(--text-muted)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (width<=1024px){.main-content{padding:1.5rem;margin-left:0!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{gap:1.5rem;margin-left:0;padding:1rem}.glass-panel{border-radius:var(--radius);padding:1.5rem}.panel-title{margin-bottom:1.25rem;font-size:1.15rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{gap:.75rem;padding:1.25rem}.stat-value{font-size:1.5rem}.data-table th,.data-table td{padding:.85rem 1rem;font-size:.82rem}.btn{padding:.7rem 1.25rem;font-size:.8rem}.form-control{padding:.7rem .95rem;font-size:.9rem}.form-group{margin-bottom:1.25rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr;gap:.85rem}.stat-card{padding:1.1rem}.stat-value{font-size:1.35rem}.glass-panel{border-radius:var(--radius);padding:1.1rem}.panel-title{margin-bottom:1rem;font-size:1.05rem}.data-table th{padding:.75rem .85rem;font-size:.72rem}.data-table td{padding:.75rem .85rem;font-size:.78rem}.btn{padding:.65rem 1.1rem;font-size:.78rem}.form-control{padding:.65rem .85rem;font-size:.85rem}h1{font-size:1.45rem}h2{font-size:1.2rem}h3{font-size:1.05rem}}.responsive-grid-2{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=769px){.responsive-grid-2{grid-template-columns:1fr 1fr}}.split-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.split-grid{grid-template-columns:1.1fr 2fr}}.split-grid-12{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.split-grid-12{grid-template-columns:1.2fr 1fr}}@media (width>=769px){.form-grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.avatar-name{display:block!important}}body.color-theme-indigo{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3}body.color-theme-emerald{--primary:#10b981;--primary-light:#34d399;--primary-dark:#047857}body.color-theme-rose{--primary:#e11d48;--primary-light:#fb7185;--primary-dark:#be123c}body.color-theme-amber{--primary:#d97706;--primary-light:#fbbf24;--primary-dark:#b45309}body.color-theme-cyan{--primary:#0891b2;--primary-light:#22d3ee;--primary-dark:#0e7490}body.color-theme-violet{--primary:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6}body.color-theme-slate{--primary:#475569;--primary-light:#94a3b8;--primary-dark:#334155}body.color-theme-crimson{--primary:#9f1239;--primary-light:#fb7185;--primary-dark:#881337}body.color-theme-sunset{--primary:#ea580c;--primary-light:#fb923c;--primary-dark:#c2410c}body.color-theme-forest{--primary:#15803d;--primary-light:#4ade80;--primary-dark:#166534}body.color-theme-midnight{--primary:#1e3a8a;--primary-light:#60a5fa;--primary-dark:#172554}body.color-theme-teal{--primary:#0f766e;--primary-light:#2dd4bf;--primary-dark:#115e59}body.color-theme-fuchsia{--primary:#c026d3;--primary-light:#e879f9;--primary-dark:#86198f}body.color-theme-gold{--primary:#ca8a04;--primary-light:#facc15;--primary-dark:#854d0e}body.color-theme-ruby{--primary:#991b1b;--primary-light:#f87171;--primary-dark:#7f1d1d}body.color-theme-coral{--primary:#f43f5e;--primary-light:#fb7185;--primary-dark:#be123c}body.color-theme-sky{--primary:#0284c7;--primary-light:#38bdf8;--primary-dark:#075985}body.color-theme-mint{--primary:#059669;--primary-light:#6ee7b7;--primary-dark:#065f46}body.color-theme-lavender{--primary:#9333ea;--primary-light:#d8b4fe;--primary-dark:#6b21a8}body.color-theme-charcoal{--primary:#334155;--primary-light:#64748b;--primary-dark:#0f172a}body.ui-template-dark-elegant{--bg-dark:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--bg-card:#1e293b;--border:#334155;--glass:#1e293b;--radius:0px;--radius-lg:0px;--shadow:none;--shadow-lg:0 4px 20px #00000080;background:var(--bg-dark);color:var(--text-main)}body.ui-template-dark-elegant h1,body.ui-template-dark-elegant h2,body.ui-template-dark-elegant h3,body.ui-template-dark-elegant .stat-value,body.ui-template-dark-elegant .panel-title{color:#f8fafc}body.ui-template-dark-elegant .sidebar{border-right:1px solid var(--border);background:#0f172a}body.ui-template-dark-elegant .sidebar .nav-item:hover{background:#1e293b}body.ui-template-dark-elegant .sidebar .nav-item.active{background:var(--primary)!important;color:#fff!important}body.ui-template-dark-elegant .stat-card,body.ui-template-dark-elegant .glass-panel{background:#1e293b}body.ui-template-dark-elegant .data-table th{color:#94a3b8;background:#0f172a;border-bottom:1px solid #334155}body.ui-template-dark-elegant .data-table td{color:#e2e8f0;border-bottom:1px solid #334155}body.ui-template-dark-elegant .form-control{color:#f8fafc;background:#0f172a;border-color:#334155}body.ui-template-soft-neumorphism{--bg-dark:#e0e5ec;--bg-card:#e0e5ec;--border:transparent;--glass:#e0e5ec;--shadow:9px 9px 16px #a3b1c699, -9px -9px 16px #ffffff80;--shadow-lg:inset 6px 6px 10px 0 #a3b1c680, inset -6px -6px 10px 0 #fffc;--radius:1.5rem;--radius-lg:2rem;background:var(--bg-dark)}body.ui-template-soft-neumorphism .sidebar{background:#e0e5ec;box-shadow:9px 0 16px #a3b1c699}body.ui-template-soft-neumorphism .form-control{background:#e0e5ec;border:none;box-shadow:inset 6px 6px 10px #a3b1c680,inset -6px -6px 10px #fffc}body.ui-template-soft-neumorphism .stat-card,body.ui-template-soft-neumorphism .glass-panel{box-shadow:var(--shadow);background:#e0e5ec;border:none}body.ui-template-glass-blur{--bg-dark:url(https://images.unsplash.com/photo-1557682250-33bd709cbe85?auto=format&fit=crop&q=80) no-repeat center center fixed;--bg-card:#fff3;--glass:#ffffff26;--border:#fff6;--text-main:#fff;--text-muted:#e2e8f0;color:#fff;background-size:cover}body.ui-template-glass-blur h1,body.ui-template-glass-blur h2,body.ui-template-glass-blur h3,body.ui-template-glass-blur .stat-value,body.ui-template-glass-blur .panel-title{color:#fff}body.ui-template-glass-blur .sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);color:#fff;background:#ffffff1a}body.ui-template-glass-blur .sidebar .nav-item{color:#e2e8f0}body.ui-template-glass-blur .sidebar .nav-item:hover{background:#fff3}body.ui-template-glass-blur .stat-card,body.ui-template-glass-blur .glass-panel,body.ui-template-glass-blur .top-bar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fff;background:#ffffff26;border:1px solid #fff6;box-shadow:0 8px 32px #1f26875e}body.ui-template-glass-blur .form-control{color:#fff;background:#fff3;border:1px solid #ffffff80}body.ui-template-glass-blur .form-control::placeholder{color:#e2e8f0}body.ui-template-glass-blur .data-table th{color:#fff;background:#ffffff1a;border-bottom:1px solid #fff3}body.ui-template-glass-blur .data-table td{color:#fff;border-bottom:1px solid #ffffff1a}body.ui-template-glass-blur .table-container{background:0 0;border:1px solid #ffffff4d}body.ui-template-minimal-clean{--bg-dark:#fff;--bg-card:#fff;--border:transparent;--glass:#fff;--shadow:none;--shadow-lg:none;--radius:4px;--radius-lg:8px}body.ui-template-minimal-clean .sidebar,body.ui-template-minimal-clean .stat-card,body.ui-template-minimal-clean .glass-panel,body.ui-template-minimal-clean .top-bar{background:#f8fafc;border:none}body.ui-template-minimal-clean .form-control{background:#f1f5f9;border:none;border-bottom:2px solid #cbd5e1;border-radius:0}body.ui-template-minimal-clean .form-control:focus{border-bottom-color:var(--primary);box-shadow:none}body.ui-template-minimal-clean .table-container{box-shadow:none;border:none}body.ui-template-minimal-clean .data-table th{color:#0f172a;background:#fff;border-bottom:2px solid #0f172a}body.ui-template-corporate{--bg-dark:#f1f5f9;--bg-card:#fff;--radius:0px;--radius-lg:0px;--shadow:0 1px 3px #0000001a;--border:#cbd5e1}body.ui-template-corporate .main-content{gap:1rem;padding:1rem}body.ui-template-corporate .stat-card,body.ui-template-corporate .glass-panel{padding:1rem}body.ui-template-corporate .top-bar{padding:.5rem 1rem}body.ui-template-corporate .form-control{padding:.4rem .6rem;font-size:.8rem}body.ui-template-corporate .btn{padding:.4rem .8rem;font-size:.75rem}body.ui-template-corporate .data-table th,body.ui-template-corporate .data-table td{padding:.5rem .75rem;font-size:.8rem}body.ui-template-corporate .sidebar-nav{padding:.5rem}body.ui-template-corporate .nav-item{padding:.5rem .75rem;font-size:.85rem}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/400px 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton-text{border-radius:4px;height:14px;margin-bottom:8px}.skeleton-card{border-radius:var(--radius-lg);height:100px;margin-bottom:1rem}@media (width<=600px){div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns: '1fr 1fr'"],div[style*="grid-template-columns: 1fr 1.5fr"],div[style*="grid-template-columns: 1fr 2fr"],div[style*="grid-template-columns: 1.5fr 1fr"]{grid-template-columns:1fr!important}}.tab-bar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;padding-bottom:2px;display:flex;overflow-x:auto}.tab-bar-scroll::-webkit-scrollbar{display:none}.tab-bar-scroll button{flex-shrink:0}@media (width<=480px){.table-card-mobile thead{display:none}.table-card-mobile tr{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:.75rem;padding:.75rem;display:block}.table-card-mobile td{border:none;justify-content:space-between;padding:.25rem 0;font-size:.82rem;display:flex}.table-card-mobile td:before{content:attr(data-label);color:var(--text-muted);margin-right:.5rem;font-size:.75rem;font-weight:700}}.page-title{color:var(--text-main);letter-spacing:-.5px;margin-bottom:1.5rem;font-size:clamp(1.2rem,4vw,1.75rem);font-weight:800}body.dark-mode{--bg-dark:#0f172a;--bg-card:#1e293b;--bg-card-hover:#263248;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#334155cc;--glass:#1e293b;--shadow-sm:0 2px 8px #00000040;--shadow:0 10px 25px #0000004d;--shadow-lg:0 20px 40px #0006;background:var(--bg-dark);color:var(--text-main)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:var(--text-main)}body.dark-mode .stat-card,body.dark-mode .glass-panel{background:#1e293b;border-color:#334155}body.dark-mode .stat-card:hover{background:#263248}body.dark-mode .table-container{background:#1e293b;border-color:#334155}body.dark-mode .data-table th{color:#94a3b8;background:#0f172a;border-color:#334155}body.dark-mode .data-table td{color:#e2e8f0;border-color:#334155}body.dark-mode .data-table tbody tr:hover{background:#263248}body.dark-mode .form-control{color:#f1f5f9;background:#0f172a;border-color:#334155}body.dark-mode .form-control:focus{border-color:var(--primary);background:#1e293b}body.dark-mode aside,body.dark-mode header{background:#1e293b!important;border-color:#334155!important}body.dark-mode select{color:#f1f5f9;background:#1e293b;border-color:#334155}body.dark-mode input,body.dark-mode textarea{color:#f1f5f9;background:#0f172a}body.dark-mode .badge-warning{color:#fbbf24;background:#f59e0b26}body.dark-mode .badge-primary{color:#a5b4fc;background:#6366f133}body.dark-mode .badge-success{color:#34d399;background:#10b98126}body.dark-mode .badge-danger{color:#f87171;background:#ef444426}body.dark-mode .skeleton{background:linear-gradient(90deg,#1e293b 25%,#263248 50%,#1e293b 75%) 0 0/400px 100%}body.dark-mode .tab-bar-scroll button{color:#94a3b8!important;border-color:#334155!important}body.dark-mode .tab-bar-scroll button[style*="background: var(--primary)"]{color:#fff!important}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.table-container{position:relative}.table-container:after{content:"";pointer-events:none;border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(90deg,#0000,#fffc);width:24px;position:absolute;top:0;bottom:0;right:0}body.dark-mode .table-container:after{background:linear-gradient(90deg,#0000,#1e293be6)}@keyframes slideInRight{0%{opacity:.5;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.spin-anim{animation:1.5s linear infinite spin-kf;display:inline-block}@keyframes spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.shimmer-gradient-line{background:linear-gradient(90deg,#00f3ff,#a855f7,#00f3ff) 0 0/200%;animation:3s linear infinite gradient-shimmer}