@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #050505;--bg-body: #050505;--bg-card: #0f1115;--bg-item: rgba(255, 255, 255, .03);--accent-primary: #3b82f6;--accent-success: #10b981;--accent-warn: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .08);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--accent-glow: rgba(59, 130, 246, .2);--glass-bg: rgba(15, 17, 21, .6);--shadow-premium: 0 4px 60px rgba(0, 0, 0, .5)}.light-mode{--bg-dark: #f8fafc;--bg-body: #f8fafc;--bg-card: #ffffff;--bg-item: rgba(0, 0, 0, .03);--text-primary: #0f172a;--text-secondary: #64748b;--border-color: rgba(0, 0, 0, .08);--accent-glow: rgba(59, 130, 246, .1);--glass-bg: rgba(255, 255, 255, .85);--shadow-premium: 0 4px 60px rgba(0, 0, 0, .05)}.light-mode .badge{color:#1e293b!important}.light-mode .terminal-feed{background:#f1f5f9!important;border:1px solid rgba(0,0,0,.05)}.light-mode .terminal-feed span{color:#1e293b!important}.status-banner{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:12px;margin-bottom:2rem;font-size:.9rem;line-height:1.5;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);color:var(--text-secondary)}.light-mode .status-banner{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.status-banner.error{background:rgba(239,68,68,.08);border-color:#ef444433}.light-mode .status-banner.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.status-banner.success{background:rgba(16,185,129,.08);border-color:#10b98133}.light-mode .status-banner.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;transition:background-color .4s ease,color .4s ease;background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.05),transparent 25%)}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem}p.subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-premium);transition:all .4s ease}.glass-panel:hover{box-shadow:0 0 40px var(--accent-glow),inset 0 0 0 1px #3b82f633;transform:translateY(-4px)}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.center-view{display:flex;align-items:center;justify-content:center;min-height:90vh}.form-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;position:relative}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-field{background:var(--bg-item);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease;outline:none}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f126;background:var(--bg-card)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,#4f46e5 100%);color:#fff;border:none;font-family:inherit;font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px var(--accent-primary)}.btn-primary:active{transform:translateY(0)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(15,17,21,.8) 100%);border:1px solid var(--border-color);border-radius:16px;padding:2rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.5}.metric-title{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.metric-value{font-size:3.5rem;font-weight:700;color:var(--accent-success);line-height:1;display:flex;align-items:baseline;gap:.25rem}.metric-value span{font-size:1.25rem;color:var(--text-secondary);font-weight:500}.activity-feed{display:flex;flex-direction:column;gap:1rem}.activity-item{background:rgba(255,255,255,.03);border:1px solid transparent;border-radius:12px;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease;animation:slideIn .4s cubic-bezier(.16,1,.3,1)}.activity-item:hover{background:rgba(255,255,255,.05);border-color:#ffffff1a}.activity-details{display:flex;align-items:center;gap:1rem}.activity-icon{width:40px;height:40px;border-radius:10px;background:rgba(99,102,241,.1);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.activity-text p{font-weight:500;font-size:.95rem}.activity-text span{font-size:.8rem;color:var(--text-secondary)}.activity-time{font-size:.875rem;color:var(--text-secondary);font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2.5s infinite cubic-bezier(.4,0,.6,1)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}.badge{background:rgba(99,102,241,.2);color:var(--accent-primary);border:1px solid rgba(99,102,241,.5);padding:.25rem .6rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;border-radius:8px;vertical-align:middle;margin-left:.75rem;text-transform:uppercase}.tooltip-container{position:relative;display:inline-flex;cursor:help;align-items:center}.tooltip-container .tooltip-text{visibility:hidden;width:250px;background-color:var(--bg-dark);color:var(--text-primary);text-align:left;border:1px solid var(--border-color);border-radius:8px;padding:1rem;position:absolute;z-index:100;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;box-shadow:0 10px 25px #00000080;font-size:.85rem;line-height:1.4;font-family:var(--font-main);font-weight:400}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.terminal-feed{background:rgba(10,15,10,.95)!important;border:1px solid rgba(16,185,129,.3)!important;box-shadow:inset 0 0 20px #10b9810d,0 10px 30px #00000080!important;overflow-y:auto;max-height:400px;font-family:Courier New,Courier,monospace!important;padding:1.5rem;border-radius:12px}.terminal-item{display:flex;align-items:flex-start;gap:1rem;padding:.5rem 0;border-bottom:1px dashed rgba(16,185,129,.15);animation:slideIn .4s cubic-bezier(.16,1,.3,1)}.terminal-item:last-child{border-bottom:none}.terminal-text{color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.4);font-size:.9rem;line-height:1.5;word-break:break-all}.terminal-timestamp{color:#fff6;font-size:.85rem;min-width:85px}@media (max-width: 768px){.sidebar-container{flex-direction:column!important}.sidebar-nav{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-color);padding:1rem!important}.metric-grid{grid-template-columns:1fr}.form-group-row{flex-direction:column!important}.center-view .glass-panel{margin:1rem}}