:root{--bg:#0b1520;--panel:#0f1f2ea6;--panel-solid:#0f1f2e;--text:#eaf2fb;--muted:#9fb3c8;--accent:#2ea1ff;--accent-dark:#1478d4;--accent-glow:#2ea1ff59;--good:#16c784;--bad:#ef4444;--border:#ffffff0f;--shadow:0 8px 25px #00000073}html[data-theme=light]{--bg:#eef4fb;--panel:#ffffffbf;--panel-solid:#fff;--text:#0b1520;--muted:#546476;--accent:#1b6fe5;--accent-dark:#1557b7;--accent-glow:#1b6fe540;--border:#00000014;--shadow:0 6px 22px #0000001a}*{box-sizing:border-box}body{background:radial-gradient(900px 600px at 20% -10%,var(--accent-glow),transparent 70%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;transition:background .4s}*{transition:background .25s,border .25s,color .25s}.layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--panel);border-right:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;height:100vh;padding:26px;animation:.6s forwards slideIn;display:flex;position:sticky;top:0}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.logo{align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.logo img{width:34px;height:34px;filter:drop-shadow(0 0 6px var(--accent-glow))}.nav{gap:10px;margin-top:32px;display:grid}.nav a{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:12px;padding:12px 14px;font-size:15px;text-decoration:none;transition:all .25s}.nav a:hover{background:var(--panel-solid);border-color:var(--border);transform:translate(4px)}.nav a.active{background:var(--accent-dark);border-color:var(--accent);color:#fff;box-shadow:0 0 12px var(--accent-glow)}.seg{background:var(--panel-solid);border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .25s}.seg button:hover{background:var(--panel)}.seg button.on{background:var(--accent);color:#fff}.main{padding:32px 40px}.hero{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:32px;animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero h1{margin:0 0 12px;font-size:36px}.hero p{color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.6}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(12,1fr);gap:20px;margin-top:24px;display:grid}.card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:16px;grid-column:span 6;padding:20px;transition:transform .25s}.card:hover{transform:translateY(-6px)}.card.full{grid-column:span 12}.card h3{margin:0 0 8px;font-size:18px}.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.btn{background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:#fff;cursor:pointer;box-shadow:0 0 12px var(--accent-glow);border:none;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.btn:hover{filter:brightness(1.12);transform:translateY(-3px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{border:1px solid var(--border);color:var(--text);box-shadow:none;background:0 0}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.toolbar h2{margin:0;font-size:28px}.toolbar select{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:16px;padding:22px;transition:all .25s}.upload-zone:hover{border-color:var(--accent);background:#2ea1ff14}.meter{place-items:center;width:220px;height:220px;margin:auto;display:grid;position:relative}.meter .ring{background:conic-gradient(var(--accent)0deg,var(--accent)var(--angle,0deg),var(--panel-solid)var(--angle,0deg),var(--panel-solid)360deg);box-shadow:0 0 28px var(--accent-glow);border-radius:50%;transition:all .6s;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 70px,#000 70px 100%);mask:radial-gradient(circle,#0000 0 70px,#000 70px 100%)}.meter:before{content:"";background:var(--panel-solid);opacity:.3;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 70px,#000 70px 100%);mask:radial-gradient(circle,#0000 0 70px,#000 70px 100%)}.meter .inner{background:var(--panel-solid);border:1px solid var(--border);z-index:1;border-radius:50%;place-items:center;width:160px;height:160px;display:grid}.extract-box{background:var(--panel-solid);border:1px solid var(--border);color:var(--muted);border-radius:12px;margin:12px 0 0;padding:16px;font-size:13px;overflow-x:auto}.table{border-collapse:collapse;width:100%;margin-top:16px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:12px 14px}.table th{text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.table td{font-size:14px}.table code{background:var(--panel-solid);color:var(--muted);border-radius:6px;padding:4px 8px;font-size:12px}.pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.good{color:var(--good);background:#16c78426}.pill.bad{color:var(--bad);background:#ef444426}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{height:auto;margin-bottom:20px;position:static}.card{grid-column:span 12!important}.toolbar{flex-direction:column;align-items:flex-start}}.unified-page{max-width:1400px;margin:0 auto;padding:0}.hero-section{text-align:center;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);border-radius:24px;margin:32px;padding:80px 40px;animation:.6s forwards fadeIn}.hero-content{max-width:900px;margin:0 auto}.brand{background:var(--panel-solid);border:1px solid var(--border);border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 24px;display:inline-flex}.brand .logo{filter:drop_shadow(0 0 8px var(--accent-glow))}.brand-name{color:var(--text);font-size:18px;font-weight:700}.hero-title{background:linear-gradient(135deg,var(--text),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:56px;font-weight:800;line-height:1.2}.hero-description{color:var(--muted);max-width:700px;margin:0 auto 48px;font-size:18px;line-height:1.7}.feature-stats{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.stat-item{text-align:center}.stat-value{color:var(--accent);margin-bottom:8px;font-size:42px;font-weight:800}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.features-section{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:32px;display:grid}.feature-card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:18px;padding:32px;transition:transform .3s,box-shadow .3s;animation:.6s forwards fadeIn}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #2ea1ff33}.feature-icon{width:48px;height:48px;color:var(--accent);filter:drop_shadow(0 0 8px var(--accent-glow));margin-bottom:20px}.feature-card h3{margin:0 0 12px;font-size:22px;font-weight:700}.feature-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.dashboard-section{margin:32px}.section-title{text-align:center;margin:0 0 24px;font-size:32px;font-weight:700}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.upload-panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:18px;grid-column:span 12;padding:28px}.upload-panel h3{margin:0 0 20px;font-size:20px;font-weight:700}.upload-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.select-input{background:var(--panel-solid);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .25s}.select-input:hover{border-color:var(--accent)}.upload-button{background:var(--panel-solid);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.upload-button:hover{border-color:var(--accent);background:#2ea1ff14}.upload-icon{width:18px;height:18px}.analyze-button{background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:#fff;cursor:pointer;box-shadow:0 0 16px var(--accent-glow);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .25s}.analyze-button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px)}.analyze-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--bad);margin:16px 0 0;font-size:14px;font-weight:600}.score-panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:18px;grid-column:span 6;padding:28px}.score-panel h3{text-align:center;margin:0 0 24px;font-size:20px;font-weight:700}.score-display{text-align:center}.score-value{color:var(--accent);font-size:48px;font-weight:800;line-height:1}.score-label{color:var(--muted);text-transform:uppercase;margin-top:8px;font-size:13px;font-weight:600}.fields-panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:18px;grid-column:span 6;padding:28px}.fields-panel h3{align-items:center;gap:10px;margin:0 0 16px;font-size:20px;font-weight:700;display:flex}.panel-icon{width:22px;height:22px;color:var(--accent)}.results-panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:18px;grid-column:span 12;padding:28px}.results-panel h3{margin:0 0 20px;font-size:20px;font-weight:700}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:64px;height:64px;color:var(--muted);opacity:.4;margin:0 auto 16px}.empty-state p{color:var(--muted);margin:0;font-size:15px}.results-list{gap:16px;display:grid}.result-item{background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;padding:18px;transition:all .25s}.result-item:hover{border-color:var(--accent);transform:translate(4px)}.result-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.status-icon{flex-shrink:0;width:24px;height:24px}.status-icon.pass{color:var(--good)}.status-icon.fail{color:var(--bad)}.result-info{flex:1}.result-id{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.result-description{color:var(--muted);font-size:13px}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700}.status-badge.pass{color:var(--good);background:#16c78426}.status-badge.fail{color:var(--bad);background:#ef444426}.result-details{color:var(--muted);background:#0003;border-radius:8px;padding:10px 12px;font-family:Courier New,monospace;font-size:12px;display:block;overflow-x:auto}@media (max-width:900px){.hero-section{margin:20px;padding:50px 24px}.hero-title{font-size:38px}.feature-stats{gap:32px}.features-section{grid-template-columns:1fr;margin:20px}.dashboard-section{margin:20px}.score-panel,.fields-panel{grid-column:span 12}.upload-controls{flex-direction:column;align-items:stretch}.upload-button,.select-input,.analyze-button{justify-content:center;width:100%}}.spinner{width:18px;height:18px;animation:1s linear infinite spin}.spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:50 150;animation:1.5s ease-in-out infinite dash}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.analyze-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.error-message{color:var(--bad);background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:10px;margin:16px 0 0;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.error-icon{flex-shrink:0;width:20px;height:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-toast{background:var(--panel);border:1px solid var(--good);z-index:1000;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;animation:.4s slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 32px #16c7844d}.success-toast .success-icon{width:24px;height:24px;color:var(--good)}.success-toast .success-text{color:var(--text);font-size:14px;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.meter .ring{animation:1s ease-out gaugeAnimation}@keyframes gaugeAnimation{0%{opacity:0;transform:rotate(-90deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}.result-item{opacity:0;animation:.4s forwards fadeInUp}.result-item:first-child{animation-delay:.1s}.result-item:nth-child(2){animation-delay:.2s}.result-item:nth-child(3){animation-delay:.3s}.result-item:nth-child(4){animation-delay:.4s}.result-item:nth-child(5){animation-delay:.5s}.result-item:nth-child(6){animation-delay:.6s}.result-item:nth-child(7){animation-delay:.7s}.result-item:nth-child(8){animation-delay:.8s}.result-item:nth-child(9){animation-delay:.9s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}