*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e)!important;background-attachment:fixed;color:#e4e4e7;min-height:100vh;margin:0;padding:0}#root{min-height:100vh;background:transparent}:root{--hud-spacing-xs: .25rem;--hud-spacing-sm: .5rem;--hud-spacing-md: 1rem;--hud-spacing-lg: 1.5rem;--hud-spacing-xl: 2rem;--hud-spacing-2xl: 3rem;--hud-radius-sm: 8px;--hud-radius-md: 12px;--hud-radius-lg: 16px;--hud-radius-xl: 20px;--hud-blur-sm: 10px;--hud-blur-md: 16px;--hud-blur-lg: 20px;--hud-bg-primary: rgba(255, 255, 255, .4);--hud-bg-secondary: rgba(255, 255, 255, .6);--hud-bg-elevated: rgba(255, 255, 255, .7);--hud-border: rgba(255, 255, 255, .3);--hud-border-subtle: rgba(0, 0, 0, .08);--hud-text-primary: rgba(0, 0, 0, .9);--hud-text-secondary: rgba(0, 0, 0, .6);--hud-text-muted: rgba(0, 0, 0, .4);--hud-text-label: rgba(0, 0, 0, .5);--hud-progress-bg: rgba(0, 0, 0, .08);--hud-progress-fill: rgba(0, 0, 0, .2);--hud-link: rgba(0, 0, 0, .6);--hud-link-hover: rgba(0, 0, 0, .8);--hud-shadow: rgba(0, 0, 0, .04);--hud-shadow-subtle: rgba(0, 0, 0, .02)}:root{--hud-bg-primary: rgba(255, 255, 255, .08);--hud-bg-secondary: rgba(255, 255, 255, .12);--hud-bg-elevated: rgba(255, 255, 255, .15);--hud-bg-card: rgba(0, 0, 0, .2);--hud-bg-input: rgba(255, 255, 255, .1);--hud-bg-list-item: rgba(255, 255, 255, .05);--hud-bg-list-item-hover: rgba(255, 255, 255, .1);--hud-border: rgba(255, 255, 255, .2);--hud-border-subtle: rgba(255, 255, 255, .12);--hud-border-strong: rgba(255, 255, 255, .25);--hud-text-primary: #ffffff;--hud-text-secondary: rgba(255, 255, 255, .9);--hud-text-muted: rgba(255, 255, 255, .7);--hud-text-label: rgba(255, 255, 255, .8);--hud-text-subtle: rgba(255, 255, 255, .6);--hud-progress-bg: rgba(255, 255, 255, .15);--hud-progress-fill: rgba(139, 92, 246, .6);--hud-link: rgba(167, 139, 250, 1);--hud-link-hover: rgba(196, 181, 253, 1);--hud-shadow: rgba(0, 0, 0, .4);--hud-shadow-subtle: rgba(0, 0, 0, .3);--hud-shadow-card: rgba(0, 0, 0, .2);--hud-accent: #8b5cf6;--hud-accent-light: rgba(139, 92, 246, .25);--hud-accent-border: rgba(139, 92, 246, .4)}.hud-container,.container{max-width:1200px;margin:0 auto;padding:var(--hud-spacing-xl);background:var(--hud-bg-primary);backdrop-filter:blur(var(--hud-blur-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--hud-blur-lg)) saturate(180%);border:1px solid var(--hud-border);border-radius:var(--hud-radius-xl);box-shadow:0 4px 16px var(--hud-shadow-subtle)}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:var(--hud-spacing-lg) var(--hud-spacing-xl);margin-bottom:var(--hud-spacing-xl);background:var(--hud-bg-elevated);backdrop-filter:blur(var(--hud-blur-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--hud-blur-lg)) saturate(180%);border:1px solid var(--hud-border);border-radius:var(--hud-radius-lg);box-shadow:0 2px 8px var(--hud-shadow-subtle)}.hud-header-left{flex:0 0 auto}.hud-header-center{flex:1;display:flex;justify-content:center}.hud-header-right{flex:0 0 auto;min-width:120px}.status{display:inline-flex;align-items:center;padding:var(--hud-spacing-xs) var(--hud-spacing-md);font-size:.8125rem;font-weight:500;color:var(--hud-text-secondary);background:var(--hud-bg-secondary);border:1px solid var(--hud-border-subtle);border-radius:var(--hud-radius-md);backdrop-filter:blur(var(--hud-blur-sm));-webkit-backdrop-filter:blur(var(--hud-blur-sm));letter-spacing:.01em}.hud-card,.glass{background:var(--hud-bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--hud-border-subtle);border-radius:var(--hud-radius-lg);box-shadow:0 4px 16px var(--hud-shadow-card);padding:var(--hud-spacing-xl);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hud-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--hud-shadow);border-color:var(--hud-border)}.hud-tile{background:var(--hud-bg-secondary);backdrop-filter:blur(var(--hud-blur-md)) saturate(180%);-webkit-backdrop-filter:blur(var(--hud-blur-md)) saturate(180%);border:1px solid var(--hud-border);border-radius:var(--hud-radius-md);padding:var(--hud-spacing-lg);box-shadow:0 1px 4px var(--hud-shadow-subtle)}.hud-title{font-size:1.5rem;font-weight:600;color:var(--hud-text-primary);letter-spacing:-.02em;margin:0;line-height:1.3}.hud-label{font-size:.75rem;font-weight:500;color:var(--hud-text-label);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--hud-spacing-sm);line-height:1.4}.hud-number{font-size:2.5rem;font-weight:600;color:var(--hud-text-primary);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--hud-spacing-sm)}.hud-number-small{font-size:1.25rem;font-weight:500;color:var(--hud-text-secondary);margin-left:var(--hud-spacing-sm)}.hud-muted{font-size:.875rem;font-weight:400;color:var(--hud-text-muted);margin-top:var(--hud-spacing-sm);line-height:1.5}.hud-text-sm{font-size:.75rem;font-weight:400;color:var(--hud-text-muted);line-height:1.5}.hud-text-md{font-size:.9375rem;font-weight:400;color:var(--hud-text-secondary);line-height:1.6}.hud-link{color:var(--hud-link);text-decoration:none;border-bottom:1px solid var(--hud-border-subtle);cursor:pointer;transition:color .2s ease,border-color .2s ease}.hud-link:hover{color:var(--hud-link-hover);border-bottom-color:var(--hud-link-hover)}.hud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--hud-spacing-lg);margin-bottom:var(--hud-spacing-lg)}.hud-flow{display:flex;flex-wrap:wrap;gap:var(--hud-spacing-md);align-items:stretch}.hud-flow-item{flex:1;min-width:200px}.hud-progress{width:100%;height:3px;background:var(--hud-progress-bg);border-radius:2px;overflow:hidden;margin-bottom:var(--hud-spacing-sm)}.hud-progress-fill{height:100%;background:var(--hud-progress-fill);transition:width .3s ease}.hud-section-header{font-size:.75rem;font-weight:500;color:var(--hud-text-label);letter-spacing:.02em;text-transform:uppercase;margin-bottom:var(--hud-spacing-lg)}.hud-dashboard{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--hud-spacing-xl);max-width:1400px;margin:0 auto;padding:var(--hud-spacing-xl)}.hud-dashboard-column{display:flex;flex-direction:column;gap:var(--hud-spacing-lg)}.hud-dashboard-column-left,.hud-dashboard-column-right{opacity:.85}@media (max-width: 1024px) and (min-width: 768px){.hud-dashboard{grid-template-columns:1fr;gap:var(--hud-spacing-lg)}.hud-dashboard-column-left,.hud-dashboard-column-right{opacity:1}.hud-dashboard-column-center{order:1}.hud-dashboard-column-left{order:2}.hud-dashboard-column-right{order:3}}@media (max-width: 767px){.hud-dashboard{grid-template-columns:1fr;gap:var(--hud-spacing-lg);padding:var(--hud-spacing-md)}.hud-dashboard-column-left,.hud-dashboard-column-right{opacity:1}.hud-dashboard-column-center{order:1}.hud-dashboard-column-right{order:2}.hud-dashboard-column-left{order:3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.project-detail-layout{display:grid;grid-template-columns:1fr 2fr;gap:var(--hud-spacing-xl)}@media (max-width: 1024px){.project-detail-layout{grid-template-columns:1fr}}.hud-sidebar{background:#0003;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:var(--hud-radius-lg);padding:var(--hud-spacing-lg);box-shadow:0 4px 16px #0003}.project-list-scrollable::-webkit-scrollbar,.theme-scrollbar::-webkit-scrollbar{width:8px}.project-list-scrollable::-webkit-scrollbar-track,.theme-scrollbar::-webkit-scrollbar-track{background:transparent}.project-list-scrollable::-webkit-scrollbar-thumb,.theme-scrollbar::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.project-list-scrollable::-webkit-scrollbar-thumb:hover,.theme-scrollbar::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.hud-main{background:var(--hud-bg-primary);backdrop-filter:blur(var(--hud-blur-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--hud-blur-lg)) saturate(180%);border:1px solid var(--hud-border);border-radius:var(--hud-radius-lg);padding:var(--hud-spacing-xl);box-shadow:0 2px 8px var(--hud-shadow-subtle)}:root{--theme-bg-gradient: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #16213e 100%);--theme-bg-primary: rgba(0, 0, 0, .3);--theme-bg-secondary: rgba(255, 255, 255, .03);--theme-bg-elevated: rgba(255, 255, 255, .05);--theme-bg-card: rgba(255, 255, 255, .03);--theme-accent: #8b5cf6;--theme-accent-hover: #7c3aed;--theme-accent-light: rgba(139, 92, 246, .2);--theme-accent-border: rgba(139, 92, 246, .3);--theme-text-primary: #fff;--theme-text-secondary: #e4e4e7;--theme-text-muted: #a1a1aa;--theme-text-label: #71717a;--theme-border: rgba(255, 255, 255, .1);--theme-border-subtle: rgba(255, 255, 255, .08);--theme-border-accent: rgba(139, 92, 246, .2);--theme-shadow: rgba(0, 0, 0, .3);--theme-shadow-subtle: rgba(0, 0, 0, .2);--theme-shadow-accent: rgba(139, 92, 246, .3);--theme-success: #10b981;--theme-warning: #fbbf24;--theme-error: #f87171;--theme-info: #60a5fa;--theme-spacing-xs: .25rem;--theme-spacing-sm: .5rem;--theme-spacing-md: 1rem;--theme-spacing-lg: 1.5rem;--theme-spacing-xl: 2rem;--theme-spacing-2xl: 3rem;--theme-radius-sm: 8px;--theme-radius-md: 12px;--theme-radius-lg: 16px;--theme-radius-xl: 20px;--theme-blur: 10px;--theme-blur-lg: 20px}html{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);min-height:100vh}body{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e)!important;background-attachment:fixed;color:var(--theme-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;margin:0;padding:0}.theme-card{background:var(--theme-bg-card);border:1px solid var(--theme-border-subtle);border-radius:var(--theme-radius-lg);backdrop-filter:blur(var(--theme-blur));-webkit-backdrop-filter:blur(var(--theme-blur));padding:var(--theme-spacing-xl);box-shadow:0 2px 8px var(--theme-shadow-subtle);transition:all .2s ease}.theme-card:hover{border-color:var(--theme-border);box-shadow:0 4px 16px var(--theme-shadow)}.theme-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px var(--theme-shadow-accent)}.theme-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.theme-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.theme-btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--theme-text-muted);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.theme-btn-secondary:hover{background:#ffffff1a;color:var(--theme-text-secondary);border-color:#ffffff40}.theme-btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--theme-text-muted);font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none}.theme-btn-back:hover{background:#ffffff1a;color:var(--theme-text-secondary);border-color:#fff3}.theme-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.theme-badge-active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.theme-badge-inactive{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.theme-badge-archived{background:var(--theme-accent-light);color:#a78bfa;border:1px solid var(--theme-accent-border)}.theme-badge-expired,.theme-badge-failed{background:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.3)}.theme-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--theme-border-subtle);border-radius:var(--theme-radius-md);color:var(--theme-text-primary);font-size:14px;transition:all .2s ease}.theme-input:focus{outline:none;border-color:var(--theme-accent-border);background:#ffffff14}.theme-input::placeholder{color:var(--theme-text-muted)}.theme-section-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--theme-text-secondary);margin-bottom:var(--theme-spacing-lg)}.theme-section-header svg{stroke:#a78bfa}.theme-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.theme-info-item{display:flex;flex-direction:column;gap:4px}.theme-info-label{font-size:12px;color:var(--theme-text-label);text-transform:uppercase;letter-spacing:.5px}.theme-info-value{font-size:15px;color:var(--theme-text-secondary);font-weight:500}.theme-spinner{width:48px;height:48px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.theme-error{text-align:center;padding:var(--theme-spacing-2xl)}.theme-error svg{stroke:var(--theme-error);margin-bottom:var(--theme-spacing-lg)}.theme-error h2{color:var(--theme-error);font-size:18px;font-weight:500;margin:0 0 var(--theme-spacing-lg)}.theme-empty{text-align:center;padding:var(--theme-spacing-2xl);color:var(--theme-text-muted)}.theme-empty h3{color:var(--theme-text-primary);font-size:18px;font-weight:500;margin:0 0 var(--theme-spacing-sm)}.theme-empty p{color:var(--theme-text-muted);font-size:14px;margin:0 0 var(--theme-spacing-lg)}.theme-scrollbar::-webkit-scrollbar{width:8px}.theme-scrollbar::-webkit-scrollbar-track{background:transparent}.theme-scrollbar::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.theme-scrollbar::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (max-width: 768px){.theme-card{padding:var(--theme-spacing-lg)}.theme-info-grid{grid-template-columns:1fr;gap:16px}.theme-btn-primary,.theme-btn-secondary{width:100%;justify-content:center}}