:root{--color-brand-primary: hsl(245, 85%, 62%);--color-brand-secondary: hsl(165, 80%, 48%);--color-brand-accent: hsl(35, 95%, 58%);--color-danger: hsl(0, 78%, 58%);--color-success: hsl(145, 65%, 48%);--color-warning: hsl(38, 92%, 55%);--bg-base: hsl(222, 47%, 6%);--bg-surface: hsl(222, 40%, 9%);--bg-elevated: hsl(222, 35%, 12%);--bg-overlay: hsl(222, 30%, 16%);--text-primary: hsl(210, 40%, 96%);--text-secondary: hsl(215, 20%, 70%);--text-muted: hsl(215, 15%, 50%);--border-subtle: hsla(215, 30%, 60%, .08);--border-default: hsla(215, 30%, 60%, .14);--border-strong: hsla(215, 30%, 60%, .25);--shadow-primary: 0 4px 24px hsla(222, 47%, 4%, .5);--shadow-glow: 0 0 20px hsla(245, 85%, 62%, .15);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--transition-smooth: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-base: hsl(210, 40%, 96.1%);--bg-surface: hsl(0, 0%, 100%);--bg-elevated: hsl(210, 40%, 94%);--bg-overlay: hsl(210, 40%, 90%);--text-primary: hsl(222, 47%, 6%);--text-secondary: hsl(215, 25%, 27%);--text-muted: hsl(215, 16%, 47%);--border-subtle: hsla(222, 47%, 6%, .05);--border-default: hsla(222, 47%, 6%, .1);--border-strong: hsla(222, 47%, 6%, .2);--shadow-primary: 0 4px 24px hsla(222, 47%, 6%, .08);--shadow-glow: 0 0 20px hsla(245, 85%, 62%, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;font-size:.9375rem;font-weight:400;overflow-x:hidden;transition:background-color var(--transition-smooth),color var(--transition-smooth)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}h2{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}h3{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}h4{font-size:1.05rem;font-weight:600}p{color:var(--text-secondary)}.caption-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;z-index:50;transition:width var(--transition-smooth),background-color var(--transition-smooth)}.main-content{flex:1;margin-left:240px;min-height:100vh;padding:32px;background:var(--bg-base);transition:margin-left var(--transition-smooth),background-color var(--transition-smooth)}@media (max-width: 1024px){.sidebar{width:70px}.sidebar .sidebar-text,.sidebar .sidebar-logo-text{display:none}.main-content{margin-left:70px;padding:20px}}.glass-panel{background:hsla(222,40%,10%,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary)}[data-theme=light] .glass-panel{background:hsla(0,0%,100%,.75);border:1px solid rgba(0,0,0,.06)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);padding:24px;transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 8px 30px #05080f99}[data-theme=light] .card:hover{box-shadow:0 8px 30px #080c160f}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.input-field{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 14px;font-size:.9375rem;outline:none;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth);width:100%}.input-field:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #594cf04d}.input-field::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:transform .15s ease,opacity .15s ease,background .15s ease,border-color .15s ease;outline:none;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-brand-primary),hsl(265,85%,60%));color:#fff;box-shadow:0 4px 12px #594cf040}.btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 16px #594cf059}.btn-secondary{border:1px solid var(--border-default);background:transparent;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated)}.btn-danger{background:hsla(0,78%,58%,.15);border:1px solid var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:capitalize}.badge-brand-primary{background:hsla(245,85%,62%,.15);color:var(--color-brand-primary)}.badge-brand-secondary{background:hsla(165,80%,48%,.15);color:var(--color-brand-secondary)}.badge-success{background:hsla(145,65%,48%,.15);color:var(--color-success)}.badge-warning{background:hsla(38,92%,55%,.15);color:var(--color-warning)}.badge-danger{background:hsla(0,78%,58%,.15);color:var(--color-danger)}.badge-muted{background:var(--border-strong);color:var(--text-secondary)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-default)}.table{width:100%;border-collapse:collapse;text-align:left;background:var(--bg-surface)}.table th{background:var(--bg-elevated);padding:14px 20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.table td{padding:16px 20px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:.875rem}.table tbody tr{transition:background-color var(--transition-smooth)}.table tbody tr:nth-child(2n){background-color:#ffffff05}.table tbody tr:hover{background-color:var(--bg-elevated)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(222,47%,4%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0009;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:32px;animation:slide-up .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999}.toast{background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:14px 20px;color:var(--text-primary);min-width:320px;max-width:420px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000080;animation:slide-in-right .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border-strong) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:pulse-skeleton 1.5s infinite linear;border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:16px}.skeleton-circle{width:48px;height:48px;border-radius:50%}@keyframes pulse-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.text-gradient{background:linear-gradient(135deg,var(--color-brand-primary) 0%,hsl(265,85%,60%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-success);display:inline-block;box-shadow:0 0 #91413066;animation:pulse-dot 1.5s infinite cubic-bezier(.66,0,0,1)}@keyframes pulse-dot{0%{box-shadow:0 0 #2bca6db3}70%{box-shadow:0 0 0 6px #2bca6d00}to{box-shadow:0 0 #2bca6d00}}.hero-bg{position:relative;background:radial-gradient(circle at 10% 20%,hsla(245,85%,62%,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,hsla(165,80%,48%,.1) 0%,transparent 40%)}.grid-responsive-2{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.grid-responsive-2{grid-template-columns:1.5fr 1fr}.grid-responsive-2.split-equal{grid-template-columns:1fr 1fr}.grid-responsive-2.split-2-1{grid-template-columns:2fr 1fr}}.grid-responsive-3{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 600px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-3.split-custom{grid-template-columns:1fr 1fr 1.2fr}}.grid-responsive-map{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.grid-responsive-map{grid-template-columns:1.2fr 1fr}}.login-layout{display:grid;grid-template-columns:1fr;min-height:100vh;background-color:var(--bg-base)}@media (min-width: 1024px){.login-layout{grid-template-columns:1.2fr 1fr}}.login-hero-panel{display:none}@media (min-width: 1024px){.login-hero-panel{display:flex!important;flex-direction:column;justify-content:space-between;padding:60px;border-right:1px solid var(--border-subtle)}}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:24px}@media (min-width: 768px){.login-form-panel{padding:40px}}.header-nav{display:flex;align-items:center;gap:24px}.header-actions{display:flex;align-items:center;gap:16px}@media (max-width: 768px){.header-nav{gap:12px}}@media (max-width: 640px){.header-nav{display:none}}.sidebar-backdrop,.mobile-header{display:none}@media (max-width: 768px){.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.sidebar{transform:translate(-100%);width:240px!important;transition:transform var(--transition-smooth);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar .sidebar-text,.sidebar .sidebar-logo-text{display:block!important}.main-content{margin-left:0!important;padding:72px 16px 16px!important}.mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:0 16px;z-index:90}.mobile-header-brand{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:8px}.mobile-menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}}.align-right-desktop{text-align:left}@media (min-width: 1024px){.align-right-desktop{text-align:right}}.flex-end-desktop{display:flex;flex-direction:column;align-items:flex-start;gap:12px}@media (min-width: 1024px){.flex-end-desktop{align-items:flex-end}}.sidebar .mobile-menu-btn{display:none!important}@media (max-width: 768px){.sidebar .mobile-menu-btn{display:flex!important}}.grid-fixed-sidebar{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.grid-fixed-sidebar{grid-template-columns:320px 1fr}}.landing-header{position:sticky;top:0;background:rgba(6,11,25,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;z-index:1000;transition:padding var(--transition-smooth)}.landing-nav{display:flex;gap:32px;font-size:.9rem;font-weight:500}.landing-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-width:calc(100vw - 32px);background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0009;z-index:1000;padding:16px;animation:slide-up .2s ease forwards}@media (max-width: 768px){.landing-nav{display:none!important}}@media (max-width: 480px){.landing-header{padding:0 16px}.landing-dropdown{width:290px;padding:12px}}