@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #f4f8fd;--panel: #ffffff;--panel-2: #edf4fb;--text: #0f172a;--muted: #475569;--teal: #0ea5a4;--amber: #f59e0b;--red: #ef4444;--line: #d8e3ef}html,body{font-family:IBM Plex Sans,sans-serif!important;background-color:var(--bg);color:var(--text);margin:0;padding:0;min-height:100vh;overflow-x:hidden}.glass{background:#ffffffb3;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif!important}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;padding:1.2rem 2rem 3rem;overflow-y:auto;background-color:var(--bg)}.sidebar{width:280px;min-width:280px;background:#fff!important;border-right:1px solid var(--line)!important;padding:1.5rem;display:flex;flex-direction:column;height:100vh;z-index:10}.hero{background:#fff!important;border:1px solid var(--line);box-shadow:0 4px 6px -1px #0000001a;border-radius:16px;padding:30px 40px;margin-bottom:24px;text-align:center}.hero-title{font-size:38px;font-weight:700;line-height:1.15;color:#1e293b;margin-bottom:8px}.hero-sub{color:#64748b;font-size:14px;margin-bottom:20px}.hero-badge{display:inline-block;font-size:11px;color:#0d9488;background:#f0fdfa;border:1px solid #99f6e4;border-radius:999px;padding:4px 12px;font-weight:600}.warning-strip{background:snow;border:1px solid #fee2e2;border-left:5px solid #ef4444;border-radius:6px;color:#991b1b;padding:12px 20px;margin-bottom:20px;font-size:14px}.tab-header{background:#f1f5f9;border:1px solid var(--line);border-radius:12px;padding:4px;display:flex;margin-bottom:2.5rem;box-shadow:inset 0 2px 4px #0000000d}.tab-btn{flex:1;padding:10px 15px;border:none;background:transparent;border-radius:10px;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s}.tab-btn:hover{background:#00000008}.tab-btn.active{background:#2563eb!important;color:#fff!important;box-shadow:0 10px 15px -3px #0000001a}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.metric-card{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:24px 15px;text-align:center;box-shadow:0 1px 3px #0000001a}.metric-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;margin-bottom:8px}.metric-value{color:#1e293b;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:42px;line-height:1}.btn-primary{width:100%;border-radius:12px!important;border:none!important;font-weight:700!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;padding:14px 24px;cursor:pointer;margin-top:20px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb40}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #2563eb59}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{border-radius:10px!important;background:#fff!important;color:#334155!important;border:1px solid #e2e8f0!important;padding:10px 20px;cursor:pointer;font-size:14px}.table-wrapper{margin-top:10px;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0;background:#f8fafc}.data-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f8fafc}.result-card{border-radius:14px;border:1px solid var(--line);padding:18px 20px;background:#fff;margin-top:12px}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:8px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left}.form-input,select{width:100%;padding:12px 16px;border:1px solid var(--line);background:#fbfcfe;border-radius:12px;outline:none;font-size:15px;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text)}.form-input:focus,select:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;background-size:cover;background-position:center;position:relative;z-index:1}.auth-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 20%,rgba(14,165,164,.08),transparent 50%),radial-gradient(circle at 20% 80%,rgba(37,99,235,.06),transparent 50%);pointer-events:none;z-index:-1}.auth-card{width:100%;max-width:440px;background:#fff;padding:2.5rem 3rem;border-radius:28px;box-shadow:0 25px 50px -12px #0000001f;box-sizing:border-box;animation:fadeIn .6s ease-out}.auth-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:14px;margin-bottom:2rem}.auth-tab{flex:1;padding:10px;border:none;background:transparent;font-weight:700;font-size:14px;color:#64748b;cursor:pointer;border-radius:10px;transition:all .2s ease}.auth-tab.active{background:#fff;color:#0f172a;box-shadow:0 4px 12px #0000000d}.auth-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.auth-logo h1{font-size:32px;color:#0f172a;margin:0;letter-spacing:-.02em}.auth-logo p{color:#64748b;font-size:15px;margin-top:4px}@media (max-width: 768px){.hero-title{font-size:27px}.metrics-grid{grid-template-columns:1fr 1fr}.auth-card{padding:2rem}}