:root{--navy-950:#0A1730;--navy-900:#0D1B3E;--navy-800:#142850;--navy-700:#1E3564;--navy-100:#EAEEF6;--ink:#1B2540;--ink-soft:#4A5470;--muted:#8892A8;--line:#E6E9F1;--paper:#F5F6FB;--card:#FFFFFF;--orange:#E8752C;--orange-deep:#C85A16;--orange-tint:#FBE6D5;--green:#1E8F6F;--green-tint:#E4F4EE;--red:#C0473F;--red-tint:#FBEAE8;--amber:#B9791A;--radius:14px;--shadow:0 1px 2px rgba(13,27,62,.04), 0 8px 24px -12px rgba(13,27,62,.12)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;position:relative;background-color:var(--paper)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(20,40,80,.05) 1px,transparent 0);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(560px 380px at 92% -6%,rgba(232,117,44,.1),transparent 62%),radial-gradient(620px 420px at -8% 18%,rgba(20,40,80,.07),transparent 60%),radial-gradient(480px 420px at 60% 108%,rgba(20,40,80,.055),transparent 60%),radial-gradient(380px 320px at 8% 96%,rgba(232,117,44,.06),transparent 60%)}h1,h2,h3,.display{font-family:Montserrat,Inter,sans-serif}.num,.kpi-value,.tabnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app-header{background:radial-gradient(1100px 220px at 15% -40%,rgba(232,117,44,.18),transparent 60%),linear-gradient(120deg,var(--navy-950),var(--navy-800) 65%,var(--navy-700));color:#fff;position:relative;overflow:hidden}.app-header:after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(232,117,44,.16),transparent 65%);pointer-events:none}.header-inner{max-width:1280px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:16px}.logo-mark{width:78px;height:52px;border-radius:10px;flex:none;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px 10px;box-shadow:0 6px 16px -6px #00000059,inset 0 0 0 1px #fff9;font-family:Montserrat,sans-serif;font-weight:800;font-size:18px;color:var(--navy-900);letter-spacing:-.5px}.logo-mark span{display:flex;align-items:center;gap:1px}.logo-mark .a{color:var(--navy-900)}.logo-mark .v{color:var(--orange)}.divider-v{width:1px;height:34px;background:#ffffff2e}.brand-text h1{font-size:18.5px;font-weight:800;letter-spacing:.2px;line-height:1.15}.brand-text .tag{margin-top:4px;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:#b9c4de;font-weight:600}.header-right{display:flex;align-items:center;gap:22px}.period-badge{text-align:right;padding-right:20px;border-right:1px solid rgba(255,255,255,.16)}.period-badge .d{font-size:14.5px;font-weight:700}.period-badge .s{font-size:10.5px;color:#aeb9d6;margin-top:2px}.ghost-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#fff;padding:9px 16px;border-radius:9px;font-size:12.5px;cursor:pointer;font-weight:600;font-family:inherit;transition:.15s}.ghost-btn:hover{background:#ffffff29}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.wrap{max-width:1280px;margin:0 auto;padding:28px 32px 70px;position:relative;z-index:1}.stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:36px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 28px;box-shadow:var(--shadow)}.step{display:flex;align-items:center;gap:12px;padding:8px 18px;border-radius:8px;transition:.2s;cursor:default}.step.active{background:var(--navy-900);color:#fff}.step.done{color:var(--green)}.step-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;font-family:Montserrat,sans-serif;background:var(--navy-100);color:var(--ink-soft);transition:.2s;flex:none}.step.active .step-num{background:var(--orange);color:#fff;box-shadow:0 2px 8px #e8752c80}.step.done .step-num{background:var(--green);color:#fff}.step-label{font-size:13px;font-weight:700}.step.active .step-label{color:#fff}.step.done .step-label{color:var(--green)}.step-connector{width:48px;height:2px;background:var(--line);border-radius:1px;margin:0 4px}.step-connector.done{background:var(--green)}.step-intro{text-align:center;margin-bottom:28px}.step-intro h2{font-size:22px;font-weight:800;color:var(--navy-900);margin-bottom:8px}.step-intro p{font-size:13.5px;color:var(--muted)}.section{margin-bottom:26px}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-head .ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--navy-900);color:#fff;flex:none}.section-head .ico svg{width:16px;height:16px}.section-head h2{font-size:14.5px;font-weight:800;color:var(--navy-900);letter-spacing:.2px}.section-head .line{flex:1;height:1px;background:var(--line)}.report-types{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}@media (max-width:780px){.report-types{grid-template-columns:1fr}}.report-card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:32px 28px;cursor:pointer;transition:.2s;text-align:center;position:relative;box-shadow:var(--shadow)}.report-card:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 4px 20px -8px #e8752c4d}.report-card.selected{border-color:var(--orange);background:linear-gradient(165deg,#fff,var(--orange-tint) 220%)}.report-card .rc-icon{width:64px;height:64px;border-radius:16px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:var(--navy-100);color:var(--navy-900);transition:.2s}.report-card:hover .rc-icon,.report-card.selected .rc-icon{background:var(--orange);color:#fff}.report-card .rc-icon svg{width:30px;height:30px}.report-card h3{font-size:17px;font-weight:800;color:var(--navy-900);margin-bottom:6px}.report-card p{font-size:13px;color:var(--muted);line-height:1.5}.report-card .rc-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:20px;background:var(--navy-100);color:var(--ink-soft)}.dock{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:24px}.dock-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:16px}.drop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.drop{border:1.5px dashed var(--line);border-radius:10px;padding:18px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:.15s;background:var(--paper);position:relative}.drop:hover,.drop.drag{border-color:var(--orange);background:var(--orange-tint)}.drop.filled{border-style:solid;border-color:var(--green);background:var(--green-tint)}.drop input{display:none}.drop svg{flex:none;color:var(--navy-800)}.drop.filled svg{color:var(--green)}.drop-txt{min-width:0;flex:1}.drop-txt .t{font-size:13px;font-weight:700;color:var(--ink)}.drop-txt .s{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop .remove-btn{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;border:none;background:var(--red-tint);color:var(--red);cursor:pointer;font-size:14px;display:none;align-items:center;justify-content:center;line-height:1}.drop.filled .remove-btn{display:flex}.upload-hint{text-align:center;color:var(--muted);font-size:12px;margin-top:16px;padding:10px;background:var(--navy-100);border-radius:8px}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:16px}.btn{padding:12px 28px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;border:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-deep)}.btn-primary:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{border-color:var(--navy-700)}.tabs{display:inline-flex;background:var(--navy-100);padding:4px;border-radius:11px;gap:2px;margin-bottom:24px}.tab{padding:9px 20px;font-size:12.8px;font-weight:700;color:var(--ink-soft);cursor:pointer;border-radius:8px;transition:.15s;letter-spacing:.1px;border:none;background:none;font-family:inherit}.tab.active{background:var(--navy-900);color:#fff;box-shadow:0 4px 10px -4px #0d1b3e80}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.kpi{background:var(--card);padding:20px 22px;position:relative}.kpi .eyebrow{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--muted)}.kpi .kpi-value{font-family:Montserrat,sans-serif;font-size:30px;font-weight:800;color:var(--navy-900);margin-top:8px;line-height:1}.kpi.hl{background:linear-gradient(165deg,#fff,var(--orange-tint) 220%)}.kpi.hl .kpi-value{color:var(--orange-deep);font-size:34px}.kpi .kpi-sub{font-size:11.5px;color:var(--muted);margin-top:7px}.kpi .pill{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-top:8px}.pill.good{background:var(--green-tint);color:var(--green)}.pill.warn{background:var(--orange-tint);color:var(--orange-deep)}.pill.bad{background:var(--red-tint);color:var(--red)}.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}@media (max-width:980px){.grid2,.grid3{grid-template-columns:1fr}}.box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px 18px;box-shadow:var(--shadow)}.box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.box-head h3{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--navy-800);display:flex;align-items:center;gap:8px}.box-head h3:before{content:"";width:3px;height:14px;background:var(--orange);border-radius:2px;display:inline-block}.box-head .note{font-size:10.5px;color:var(--muted)}select{font-family:inherit;font-size:12px;font-weight:600;padding:6px 10px;border-radius:7px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.rank{display:flex;flex-direction:column;gap:11px}.rank-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.rank-row .name{font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .val{font-size:12.5px;font-weight:800;color:var(--navy-900);text-align:right}.rank-row .track{grid-column:1/-1;height:5px;border-radius:3px;background:var(--navy-100);overflow:hidden}.rank-row .track i{display:block;height:100%;background:linear-gradient(90deg,var(--navy-700),var(--navy-900));border-radius:3px}.rank-row.accent .track i{background:linear-gradient(90deg,var(--orange),var(--orange-deep))}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:0 8px 9px;border-bottom:1.5px solid var(--line)}table.data td{padding:9px 8px;border-bottom:1px solid var(--line);color:var(--ink)}table.data tr:last-child td{border-bottom:none}table.data tr:hover td{background:var(--paper)}table.data td.num{text-align:right;font-weight:700;color:var(--navy-900)}.empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:56px 30px;text-align:center;color:var(--muted);font-size:13px}.foot-note{text-align:center;color:var(--muted);font-size:11px;padding:14px 0 6px}footer.appfoot{background:var(--navy-950);color:#9aa5c2;text-align:center;font-size:10.8px;padding:14px 20px;margin-top:30px;letter-spacing:.2px;position:relative;z-index:1}footer.appfoot b{color:#dce2f2}.chart-container{width:100%}.export-bar{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px;flex-wrap:wrap}.export-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:.15s}.export-pdf{background:var(--red);color:#fff}.export-pdf:hover{background:var(--red);opacity:.9}.export-excel{background:var(--green);color:#fff}.export-excel:hover{opacity:.9}@media print{.stepper,.dock,.tabs,.ghost-btn,.export-bar,.actions{display:none!important}.app-header:after{display:none}body:before,body:after{display:none}body{background:#fff}.box{box-shadow:none;border:1px solid #ccc}.hero{box-shadow:none}}