:root{--bg: #0b1014;--panel: #12181f;--panel-2: #161d26;--text: #e8eef5;--muted: #9db0c2;--brand: #235d63;--accent: #ff7a1a;--border: #223040;--ring: #2e4156}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.app-main{padding:24px;max-width:100%;margin:0 auto;width:100%}.btn{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:8px 14px}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 14px}:root{--bg: #0b1014;--panel: #0f151b;--panel-2: #131c23;--panel-3: #1a252f;--text: #e7eef5;--muted: #9fb2bf;--muted-2: #6b7d8a;--border: rgba(255, 255, 255, .12);--border-light: rgba(255, 255, 255, .08);--teal: #2f7b82;--teal-dark: #235d63;--orange: #ff7a1a;--green: #10b981;--red: #ef4444;--blue: #3b82f6;--purple: #8b5cf6;--yellow: #f59e0b;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow: 0 4px 24px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .3);--transition: all .2s ease}.account{min-height:100vh;background:var(--bg);color:var(--text);padding:0}.dashboard-page{min-height:100vh;background:var(--bg);color:var(--text);padding:24px}.dashboard-header{margin-bottom:24px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.header-text h1{font-size:2rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,var(--text),var(--muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{color:var(--muted);margin:0;font-size:1.125rem}.loading-bar{height:3px;background:var(--panel-2);border-radius:2px;overflow:hidden;position:relative}.loading-progress{height:100%;background:linear-gradient(90deg,var(--teal-dark),var(--teal));border-radius:2px;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.error-banner{display:flex;align-items:flex-start;gap:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);padding:20px;margin-bottom:24px}.error-banner svg{color:var(--red);margin-top:2px;flex-shrink:0}.error-content{flex:1}.error-title{font-weight:700;font-size:16px;margin-bottom:4px;color:#fca5a5}.error-message{color:#fca5a5;font-size:14px;margin-bottom:12px;opacity:.9;line-height:1.4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:var(--transition);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.stat-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--panel-2);display:flex;align-items:center;justify-content:center;color:var(--teal)}.stat-content{margin-bottom:16px}.stat-value{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px;background:linear-gradient(135deg,var(--text),var(--muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-dot{width:8px;height:8px;border-radius:50%}.loading-state{display:flex;align-items:center;justify-content:center;padding:80px 24px}.loading-content{text-align:center}.loading-content h3{margin:20px 0 8px;font-size:1.5rem;font-weight:600;color:var(--text)}.loading-content p{color:var(--muted);margin:0;font-size:16px}.form__group{margin-bottom:16px}.form__group label{display:block;margin-bottom:8px;color:var(--text);font-size:14px;font-weight:500}.form__group input{width:100%;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;transition:var(--transition)}.form__group input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #2f7b821a}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-size:14px;text-decoration:none;transition:var(--transition);border:1px solid transparent;cursor:pointer}.btn--ghost{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--panel-3);border-color:var(--border-light)}.btn--primary{background:linear-gradient(135deg,var(--teal-dark),var(--teal));color:#fff;border:none}.btn--primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #2f7b824d}.btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.spinner.large{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.stats-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-page{padding:16px}.header-content{flex-direction:column;gap:16px;align-items:stretch}.header-text h1{font-size:1.75rem}.stat-card{padding:20px}.stat-value{font-size:2rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.header-text h1{font-size:1.5rem}.modal__dialog{width:95%!important;margin:20px}.grid.grid--2{grid-template-columns:1fr!important}}button:focus-visible,.btn:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}