:root{--bg-app: #0B090B;--bg-sidebar: #0F0C0F;--bg-card: rgba(21, 16, 21, .78);--bg-card-hover: rgba(33, 23, 32, .92);--bg-card-solid: #151015;--bg-input: rgba(18, 13, 18, .92);--bg-glass: rgba(15, 11, 15, .85);--athyrium-rose: #A87586;--athyrium-rose-hover: #BA8899;--athyrium-lilac: #C9AEB8;--athyrium-burgundy: #3A1825;--athyrium-offwhite: #F1ECEE;--athyrium-grey: #A79BA0;--athyrium-border: #30252B;--athyrium-glow: rgba(168, 117, 134, .4);--athyrium-glow-deep: rgba(58, 24, 37, .45);--accent-white: #F1ECEE;--accent-silver: #E2DADB;--accent-zinc: #C9AEB8;--accent-muted: #A79BA0;--accent-dark-muted: #7A6F75;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #A87586;--color-purple: #C9AEB8;--grad-primary: linear-gradient(135deg, #F1ECEE 0%, #C9AEB8 50%, #A87586 100%);--grad-rose: linear-gradient(135deg, #A87586 0%, #7D4D5E 100%);--grad-rose-hover: linear-gradient(135deg, #BA8899 0%, #8E596D 100%);--grad-card: linear-gradient(180deg, rgba(201, 174, 184, .05) 0%, rgba(201, 174, 184, .005) 100%);--grad-border: linear-gradient(135deg, rgba(201, 174, 184, .22) 0%, rgba(168, 117, 134, .08) 100%);--grad-ambient: radial-gradient(circle at 50% 0%, rgba(58, 24, 37, .32) 0%, rgba(11, 9, 11, .98) 70%);--border-subtle: rgba(201, 174, 184, .14);--border-strong: rgba(201, 174, 184, .28);--border-focus: #A87586;--focus-ring: rgba(168, 117, 134, .45);--font-serif: "Playfair Display", Georgia, serif;--font-display: "Cinzel", serif;--font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 250px;--sidebar-collapsed-width: 68px;--topbar-height: 60px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .25s cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-app);background-image:var(--grad-ambient);background-attachment:fixed;color:var(--accent-white);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9aeb833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--athyrium-rose)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--grad-rose);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 18px -2px #a8758659}.btn-primary:hover{background:var(--grad-rose-hover);box-shadow:0 6px 24px -2px #a875868c,0 0 1px #c9aeb866;transform:translateY(-1px)}.btn-secondary{background:#151015b3;border-color:var(--border-subtle);color:var(--accent-silver)}.btn-secondary:hover{background:#211720d9;border-color:var(--athyrium-rose);color:#fff}.btn-danger{background:#ef444426;border-color:#ef44444d;color:#f87171}.btn-danger:hover{background:#ef444440}.input,.input-field,input[type=text],input[type=password],input[type=email],input[type=search],select,textarea{width:100%;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);color:#fff;font-family:inherit;font-size:.85rem;transition:all var(--transition-fast)}.input::placeholder,.input-field::placeholder,input::placeholder,textarea::placeholder{color:var(--accent-dark-muted)}.input:focus,.input-field:focus,input:focus,select:focus,textarea:focus{border-color:var(--athyrium-rose);background:#191219f2;box-shadow:0 0 0 2px var(--focus-ring);outline:none}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative;overflow:hidden;max-width:100%;box-shadow:0 10px 30px #00000073}.table-responsive{width:100%;overflow-x:auto}.flex-responsive-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}@media(max-width:640px){.flex-responsive-header{flex-direction:column;align-items:stretch}}::selection{background:#a8758659;color:#fff}.input-field:focus{box-shadow:0 0 0 2px var(--focus-ring)}.dashboard-root{display:flex;width:100vw;height:100vh;background-color:var(--bg-app);overflow:hidden}.dashboard-sidebar{width:var(--sidebar-width);height:100%;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:width var(--transition-smooth);flex-shrink:0;z-index:20}.dashboard-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-subtle);background:#0f0b0f66}.brand-badge{display:flex;align-items:center;gap:12px;font-weight:800;font-size:.95rem;color:var(--accent-white);letter-spacing:.04em;font-family:var(--font-display),"Cinzel",serif}.brand-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#2a1a24,#151015);border:1px solid rgba(201,174,184,.35);display:flex;align-items:center;justify-content:center;color:#f1ecee;font-family:var(--font-display),"Cinzel",serif;font-weight:900;font-size:1.1rem;box-shadow:0 4px 14px #a8758640;flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 10px;display:flex;flex-direction:column;gap:4px}.nav-section-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--athyrium-rose);padding:12px 12px 4px;font-weight:700}.sidebar-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--accent-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border-left:3px solid transparent}.sidebar-item:hover{background:#a8758614;color:var(--athyrium-lilac)}.sidebar-item.active{background:linear-gradient(90deg,#a8758633,#a875860a);color:#fff;font-weight:600;border-left:3px solid var(--athyrium-rose)}.item-badge{font-size:.68rem;padding:2px 7px;border-radius:4px;background:#a8758629;border:1px solid rgba(201,174,184,.3);color:var(--athyrium-lilac);font-weight:600;margin-left:auto}.dashboard-main{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.dashboard-topbar{height:var(--topbar-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-right{display:flex;align-items:center;gap:14px}.dashboard-content{flex:1;overflow-y:auto;padding:28px;background:radial-gradient(circle at 50% 0%,rgba(58,24,37,.25) 0%,transparent 65%)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.metric-card{padding:20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;transition:all var(--transition-fast);position:relative}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(201,174,184,.3) 50%,transparent 100%);opacity:.6}.metric-card:hover{border-color:#a8758673;box-shadow:0 10px 30px -5px #3a182559,0 0 1px #c9aeb84d;transform:translateY(-2px)}.metric-header{display:flex;align-items:center;justify-content:space-between;color:var(--accent-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.metric-value{font-size:1.85rem;font-weight:800;font-family:var(--font-mono);color:#fff;line-height:1.1;letter-spacing:-.02em}.metric-footer{font-size:.75rem;color:var(--accent-dark-muted);display:flex;align-items:center;gap:6px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.02em}.status-dot{width:6px;height:6px;border-radius:50%}.mobile-menu-btn{display:none;background:#c9aeb814;border:1px solid var(--border-subtle);color:#fff;border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:#a8758633;border-color:var(--border-strong)}.sidebar-close-mobile-btn,.sidebar-backdrop{display:none}@media(max-width:1024px){.mobile-menu-btn{display:inline-flex}.sidebar-collapse-desktop-btn{display:none!important}.sidebar-close-mobile-btn{display:inline-flex!important}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0b090bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px!important;max-width:85vw;z-index:9999;transform:translate(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);box-shadow:0 0 50px #000000f2;background:#0e0b0e}.dashboard-sidebar.mobile-open{transform:translate(0)}.dashboard-topbar{padding:0 14px;gap:10px}.topbar-left{gap:10px}.topbar-right{gap:8px}.dashboard-content{padding:16px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}}@media(max-width:640px){.dashboard-topbar{padding:0 10px;height:52px}.topbar-divider,.topbar-project-selector{display:none!important}.dashboard-content{padding:12px}.metrics-grid{grid-template-columns:1fr;gap:10px}.glass-panel{padding:14px!important}}@supports (backdrop-filter: blur(20px)){.glass-card{backdrop-filter:blur(20px)}}.dashboard-sidebar{will-change:transform}