@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--brand-primary:262 83% 58%;--brand-primary-light:262 83% 68%;--brand-primary-dark:262 83% 45%;--brand-accent:174 100% 50%;--brand-accent-light:174 100% 65%;--surface-base:225 25% 6%;--surface-raised:225 20% 10%;--surface-overlay:225 18% 14%;--surface-elevated:225 15% 18%;--surface-hover:225 15% 22%;--surface-active:225 15% 12%;--text-primary:0 0% 98%;--text-secondary:220 10% 65%;--text-tertiary:220 8% 45%;--text-inverse:225 25% 6%;--border-subtle:220 15% 16%;--border-default:220 15% 22%;--border-strong:220 15% 30%;--border-brand:var(--brand-primary);--status-success:152 69% 50%;--status-warning:38 92% 55%;--status-danger:0 84% 60%;--status-info:210 100% 60%;--gradient-brand:linear-gradient(135deg, hsl(var(--brand-primary)), hsl(var(--brand-accent)));--gradient-surface:linear-gradient(180deg, hsl(var(--surface-raised)), hsl(var(--surface-base)));--gradient-glow:radial-gradient(ellipse at 50% 0%, hsla(var(--brand-primary), .15) 0%, transparent 60%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px hsla(var(--brand-primary), .3);--shadow-glow-accent:0 0 24px hsla(var(--brand-accent), .3);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .38vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .63vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-3xl:clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);--text-4xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-5xl:clamp(2.5rem, 1.5rem + 3.5vw, 4rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--content-max-width:1400px}.theme-hardcore{--brand-primary:45 100% 50%;--brand-primary-light:45 100% 65%;--brand-primary-dark:45 100% 35%;--brand-accent:0 0% 100%;--brand-accent-light:0 0% 90%;--surface-base:0 0% 4%;--surface-raised:0 0% 8%;--surface-overlay:0 0% 12%;--surface-elevated:0 0% 16%;--surface-hover:0 0% 20%;--surface-active:0 0% 10%;--shadow-glow:0 0 24px #ffbf004d;--shadow-glow-accent:0 0 24px #ffffff4d;--border-brand:45 100% 50%;--gradient-brand:linear-gradient(135deg, #ffbf00, #fff);--btn-primary-text:#000}@keyframes lightning-flash{0%,95%,98%,to{background-color:#0000}96%{background-color:#fffc}97%{background-color:#ff06}99%{background-color:#ffffffe6}}.lightning-bg{z-index:1;pointer-events:none;animation:8s infinite lightning-flash;position:absolute;inset:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background-color:hsl(var(--surface-base));color:hsl(var(--text-primary));min-height:100dvh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}input,select,textarea{font:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--border-default));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--border-strong))}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.amenities-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.amenities-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr)}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-secondary{color:hsl(var(--text-secondary))}.text-tertiary{color:hsl(var(--text-tertiary))}.text-brand{color:hsl(var(--brand-primary))}.text-accent{color:hsl(var(--brand-accent))}.text-success{color:hsl(var(--status-success))}.text-warning{color:hsl(var(--status-warning))}.text-danger{color:hsl(var(--status-danger))}.text-white{color:#fff}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-brand);color:var(--btn-primary-text,white);box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:0 0 32px hsla(var(--brand-primary), .5);transform:translateY(-1px)}.btn-secondary{background:hsl(var(--surface-overlay));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-default))}.btn-secondary:hover{background:hsl(var(--surface-elevated));border-color:hsl(var(--border-strong))}.btn-ghost{color:hsl(var(--text-secondary))}.btn-ghost:hover{background:hsl(var(--surface-overlay));color:hsl(var(--text-primary))}.btn-danger{background:hsl(var(--status-danger));color:#fff}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);aspect-ratio:1}.card{background:hsl(var(--surface-raised));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:hsl(var(--border-default))}.card-glass{background:hsla(var(--surface-raised), .6);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid hsla(var(--border-subtle), .5);border-radius:var(--radius-lg);padding:var(--space-6)}.card-glow{position:relative}.card-glow:before{content:"";border-radius:inherit;background:var(--gradient-brand);opacity:0;z-index:-1;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;inset:-1px}.card-glow:hover:before{opacity:.15}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.badge-success{background:hsla(var(--status-success), .15);color:hsl(var(--status-success))}.badge-warning{background:hsla(var(--status-warning), .15);color:hsl(var(--status-warning))}.badge-danger{background:hsla(var(--status-danger), .15);color:hsl(var(--status-danger))}.badge-info{background:hsla(var(--status-info), .15);color:hsl(var(--status-info))}.badge-brand{background:hsla(var(--brand-primary), .15);color:hsl(var(--brand-primary-light))}.input{width:100%;padding:var(--space-2) var(--space-3);background:hsl(var(--surface-base));border:1px solid hsl(var(--border-default));border-radius:var(--radius-md);color:hsl(var(--text-primary));font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out);outline:none}.input:focus{border-color:hsl(var(--brand-primary));box-shadow:0 0 0 3px hsla(var(--brand-primary), .15)}.input::placeholder{color:hsl(var(--text-tertiary))}.avatar{border-radius:var(--radius-full);background:var(--gradient-brand);width:40px;height:40px;font-weight:700;font-size:var(--text-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.stat-card{background:hsl(var(--surface-raised));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--gradient-brand);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.stat-label{font-size:var(--text-xs);color:hsl(var(--text-tertiary));text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat-value{font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:800;line-height:1.1}.stat-change{font-size:var(--text-xs);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.stat-change.positive{color:hsl(var(--status-success))}.stat-change.negative{color:hsl(var(--status-danger))}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:hsl(var(--text-tertiary));text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid hsl(var(--border-subtle));background:hsl(var(--surface-raised));z-index:1;font-weight:600;position:sticky;top:0}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid hsl(var(--border-subtle));vertical-align:middle}.data-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:hsl(var(--surface-overlay))}.sidebar{width:var(--sidebar-width);background:hsl(var(--surface-raised));border-right:1px solid hsl(var(--border-subtle));z-index:50;height:100dvh;transition:width var(--duration-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-logo{padding:var(--space-5) var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid hsl(var(--border-subtle));min-height:var(--header-height);display:flex}.sidebar-logo-icon{background:var(--gradient-brand);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-text{font-size:var(--text-lg);letter-spacing:-.02em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.sidebar-nav{padding:var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section-label{color:hsl(var(--text-tertiary));text-transform:uppercase;letter-spacing:.1em;padding:var(--space-4) var(--space-3) var(--space-2);font-size:10px;font-weight:700}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:hsl(var(--text-secondary));transition:all var(--duration-fast) var(--ease-out);font-weight:500;display:flex;position:relative}.sidebar-link:hover{background:hsl(var(--surface-overlay));color:hsl(var(--text-primary))}.sidebar-link.active{background:hsla(var(--brand-primary), .12);color:hsl(var(--brand-primary-light))}.sidebar-link.active:before{content:"";background:var(--gradient-brand);border-radius:var(--radius-full);width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-link-icon{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-badge{background:hsl(var(--status-danger));color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-footer{padding:var(--space-3);border-top:1px solid hsl(var(--border-subtle))}.main-content{margin-left:var(--sidebar-width);min-height:100dvh}.main-header{height:var(--header-height);border-bottom:1px solid hsl(var(--border-subtle));padding:0 var(--space-8);background:hsla(var(--surface-base), .8);-webkit-backdrop-filter:blur(12px);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.main-header-title{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:700}.page-content{padding:var(--space-8);max-width:var(--content-max-width)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px hsla(var(--brand-primary), .3)}50%{box-shadow:0 0 24px hsla(var(--brand-primary), .5)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}.animate-slide-in{animation:slideInLeft var(--duration-slow) var(--ease-out) both}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.skeleton{background:linear-gradient(90deg, hsl(var(--surface-overlay)) 25%, hsl(var(--surface-elevated)) 50%, hsl(var(--surface-overlay)) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{stroke:hsl(var(--border-subtle));fill:none}.progress-ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.hidden{display:none!important}@media (min-width:1024px){.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}}@media (min-width:1280px){.xl\:flex{display:flex!important}.xl\:hidden{display:none!important}}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}@media (max-width:640px){.grid-4,.grid-3,.grid-2,.amenities-grid{grid-template-columns:1fr}.page-content{padding:var(--space-4)}.main-header{padding:0 var(--space-4)}.stat-value{font-size:var(--text-2xl)}}