:root{--bg:#080b0a;--bg-2:#0d1210;--panel:#111714;--panel-2:#151d19;--line:rgba(193,219,205,.13);--line-strong:rgba(193,219,205,.24);--text:#eef4f0;--muted:#8e9d95;--green:#75d18b;--green-2:#3c8655;--gold:#d4b15e;--amber:#e2a956;--red:#ec7d72;--radius:18px;--sans:"Arial",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{color-scheme:dark;background:var(--bg);font-family:var(--sans)}body{margin:0;color:var(--text);background:radial-gradient(900px 480px at 85% -5%,rgba(61,127,81,.13),transparent 70%),var(--bg);min-height:100vh}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{color:var(--green);font-family:var(--mono);font-size:11px;line-height:1.2;letter-spacing:.16em;margin:0 0 12px;text-transform:uppercase}.status-dot{width:7px;height:7px;background:var(--green);display:inline-block;border-radius:50%;box-shadow:0 0 14px rgba(117,209,139,.65)}
/* Login */
.login-page{overflow:hidden}.login-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);height:100vh;min-height:660px}.login-visual{position:relative;padding:52px 5vw;overflow:hidden;background:linear-gradient(150deg,rgba(11,18,15,.2),rgba(7,10,9,.93)),radial-gradient(circle at 34% 38%,rgba(87,158,101,.22),transparent 34%),#0d1410}.login-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(162,202,173,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(162,202,173,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.brand-logo{display:block;width:269px;height:auto;position:relative;z-index:2}.brand-logo-large{width:min(269px,56%)}.login-copy{position:absolute;z-index:2;left:5vw;bottom:12vh;max-width:640px}.login-copy h1{font-weight:500;font-size:clamp(46px,6.4vw,104px);letter-spacing:-.065em;line-height:.87;margin:0 0 30px}.login-copy>p:last-child{max-width:470px;color:#a7b4ad;font-size:18px;line-height:1.55}.orbit{position:absolute;border:1px solid rgba(129,190,144,.17);border-radius:50%;width:58vw;height:58vw;right:-13vw;top:-23vw}.orbit:before{content:"";position:absolute;left:20%;bottom:8%;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 24px rgba(212,177,94,.8)}.orbit-two{width:42vw;height:42vw;right:-4vw;top:-15vw;transform:rotate(17deg)}.strata{position:absolute;inset:auto -8% -16% -4%;height:47%;background:repeating-radial-gradient(ellipse at 48% 130%,transparent 0 28px,rgba(111,176,128,.12) 30px 31px,transparent 33px 51px);transform:rotate(-2deg);opacity:.9}.login-panel{display:grid;place-items:center;padding:56px;background:linear-gradient(180deg,#0e1311,#090c0b)}.login-card{width:min(100%,420px)}.mineral-mark{display:grid;place-content:center;width:68px;height:68px;border:1px solid rgba(212,177,94,.6);color:var(--gold);font-family:Georgia,serif;font-size:27px;margin:0 0 52px;position:relative}.mineral-mark small{font-family:var(--mono);position:absolute;right:6px;top:5px;font-size:8px}.login-card h2{font-size:38px;letter-spacing:-.04em;margin:0 0 10px;font-weight:500}.login-card>.muted{margin:0 0 36px;line-height:1.55}.login-card label{display:block;color:#aeb9b3;font-size:12px;letter-spacing:.04em;margin:0 0 20px}.login-card input{display:block;width:100%;height:52px;border:1px solid var(--line-strong);background:#0a0e0c;color:var(--text);border-radius:8px;margin-top:9px;padding:0 15px;outline:none}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(117,209,139,.1)}.form-error{padding:12px 14px;border:1px solid rgba(236,125,114,.35);background:rgba(236,125,114,.08);color:#ffb2aa;border-radius:8px;margin-bottom:20px;font-size:13px}.privacy-note{color:#65736c;font-size:11px;text-align:center;margin:24px 0 0}.privacy-note .status-dot{margin-right:7px;width:5px;height:5px}
/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;border-radius:7px;height:43px;padding:0 18px;font-weight:600;font-size:12px;letter-spacing:.03em}.button-primary{background:var(--green);color:#07100a}.button-primary:hover{background:#8bdd9d}.button-wide{width:100%;height:54px;margin-top:10px;justify-content:space-between;padding:0 20px}.button-outline{border-color:var(--line-strong);background:rgba(255,255,255,.02)}.button-outline:hover{border-color:var(--green);color:var(--green)}.button-ghost{background:transparent;border-color:var(--line-strong)}.icon-button{background:transparent;border:1px solid var(--line);border-radius:7px;min-width:40px;height:40px;font-size:20px}.text-button{border:0;background:transparent;color:var(--green);font-size:12px;padding:8px 4px}
/* Dashboard shell */
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,4vw);position:sticky;top:0;z-index:20;background:rgba(8,11,10,.89);backdrop-filter:blur(18px)}.brand img{width:198px;display:block}.topbar-actions{display:flex;align-items:center;gap:12px;position:relative}.live-state{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#849289;display:flex;align-items:center;gap:8px;margin-right:16px}.account-menu{position:absolute;right:0;top:50px;width:210px;border:1px solid var(--line-strong);border-radius:10px;background:#111714;padding:7px;box-shadow:0 18px 50px #000;z-index:25}.account-menu a,.account-menu button{display:block;width:100%;text-align:left;padding:11px 12px;border:0;border-radius:6px;background:none;text-decoration:none;font-size:13px}.account-menu a:hover,.account-menu button:hover{background:rgba(255,255,255,.05)}.dashboard-shell{max-width:1560px;margin:auto;padding:48px max(24px,4vw) 30px}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:0 0 34px}.hero-row h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.06em;line-height:.95;font-weight:500;margin:0 0 15px}.hero-row>.hero-meta{text-align:right;display:grid;justify-items:end;gap:7px}.meta-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#67746d}.hero-meta strong{font-size:13px;font-weight:500}.source-pill,.panel-tag{font-family:var(--mono);font-size:9px;color:#89978f;border:1px solid var(--line);border-radius:30px;padding:6px 9px;max-width:280px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.filter-bar{display:flex;align-items:end;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(20,27,23,.66);margin-bottom:16px}.filter-bar label{font-size:9px;font-family:var(--mono);letter-spacing:.08em;color:#74817a;text-transform:uppercase}.filter-bar input[type=date],.filter-bar select{display:block;background:#0c100e;color:#d7e0db;border:1px solid var(--line);border-radius:7px;height:36px;margin-top:7px;padding:0 11px;min-width:150px;font-family:var(--sans);font-size:12px;color-scheme:dark}.filter-bar .toggle-label{display:flex;align-items:center;gap:8px;height:36px;margin-left:auto;padding:0 9px;color:#aab5af;font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none}.toggle-label input{accent-color:var(--green)}
.kpi-grid{display:grid;grid-template-columns:1.16fr repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:17px}.kpi{min-height:178px;background:var(--panel);padding:23px;position:relative;display:flex;flex-direction:column;overflow:hidden}.kpi-featured{background:linear-gradient(145deg,#17301e,#102018)}.kpi-featured:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(117,209,139,.16);right:-71px;bottom:-100px;box-shadow:0 0 0 30px rgba(117,209,139,.03),0 0 0 60px rgba(117,209,139,.02)}.kpi-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#839189;margin-bottom:auto}.kpi strong{font-weight:500;font-size:clamp(27px,2.4vw,39px);letter-spacing:-.05em;white-space:nowrap}.kpi-featured strong{color:#c8f5d0}.kpi-unit{color:#9eaaa3;font-size:11px;margin-top:3px}.kpi-note{color:#5f6c65;font-size:9px;margin-top:12px;line-height:1.3}.kpi-spark{height:22px;position:absolute;right:18px;left:18px;bottom:17px;opacity:.5}
.analytics-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:17px;margin-bottom:48px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(20,28,24,.92),rgba(13,18,16,.92));padding:24px;min-width:0}.panel-wide{min-height:370px}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.panel-heading h2,.section-heading h2{font-size:17px;font-weight:500;letter-spacing:-.025em;margin:0}.legend{display:flex;gap:15px;color:#748079;font-size:10px}.legend i{display:inline-block;width:10px;height:2px;margin:0 6px 2px 0}.gold-line{background:var(--gold)}.green-block{background:var(--green)}.chart{height:276px;width:100%;position:relative}.chart-compact{height:276px}.chart svg{display:block;width:100%;height:100%;overflow:visible}.chart .grid{stroke:rgba(190,215,201,.08);stroke-width:1}.chart text{fill:#6f7e76;font-family:var(--mono);font-size:9px}.chart .bar{fill:url(#barGradient)}.chart .gold-path,.chart .grade-path{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .grade-path{stroke:var(--green);stroke-width:2.4}.chart .grade-area{fill:url(#gradeAreaGradient);stroke:none}.chart .grade-average{stroke:rgba(212,177,94,.58);stroke-width:1;stroke-dasharray:4 5}.chart .grade-average-label{fill:var(--gold);font-size:8px}.chart .grade-value-label{fill:#bceac6;font-size:9px;font-weight:700}.chart .missing-marker{stroke:#647169;stroke-width:2;stroke-linecap:round}.chart .area{fill:url(#areaGradient);stroke:none}.chart .dot{fill:var(--bg);stroke:var(--gold);stroke-width:1.5}.chart .grade-dot{fill:#0d1210;stroke:var(--green);stroke-width:1.8}.chart .missing{fill:#58635d;font-size:8px}.empty-chart{display:grid;place-items:center;height:100%;color:#5e6b64;font-size:12px}.gauge{height:225px;display:grid;place-items:center;position:relative}.gauge-svg{width:180px;height:180px;transform:rotate(-90deg)}.gauge-track,.gauge-value{fill:none;stroke-width:15}.gauge-track{stroke:rgba(255,255,255,.06)}.gauge-value{stroke:var(--green);stroke-linecap:round;transition:stroke-dashoffset .45s ease}.gauge-copy{position:absolute;text-align:center}.gauge-copy strong{font-size:36px;letter-spacing:-.05em;font-weight:500}.gauge-copy span{display:block;color:#6f7c75;font-size:9px;font-family:var(--mono);letter-spacing:.12em;margin-top:5px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:15px}.mini-stats div+div{border-left:1px solid var(--line);padding-left:15px}.mini-stats span{display:block;color:#6d7972;font-size:9px;margin-bottom:5px}.mini-stats strong{font-size:14px;font-weight:500}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:17px}.issue-count{font-family:var(--mono);font-size:10px;color:var(--amber);border:1px solid rgba(226,169,86,.28);padding:7px 10px;border-radius:30px}.quality-section{margin-bottom:48px}.quality-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quality-item{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:15px;background:rgba(18,25,21,.65);color:#a2aea7;font-size:11px;line-height:1.5}.quality-icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid rgba(226,169,86,.28);color:var(--amber);border-radius:50%;font-family:var(--mono);font-size:10px}.records-section{margin-bottom:54px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#0d1210}table{width:100%;border-collapse:collapse;min-width:1030px}th{color:#6e7b74;font-family:var(--mono);font-size:8px;letter-spacing:.11em;text-align:left;font-weight:400;padding:15px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#101613}td{padding:14px;color:#aeb9b3;font-size:11px;border-bottom:1px solid rgba(193,219,205,.06)}tbody tr:hover{background:rgba(117,209,139,.035)}td.numeric{font-family:var(--mono);color:#d0d8d3}.qc-ok,.qc-issue{font-family:var(--mono);font-size:8px;border-radius:20px;padding:5px 8px;white-space:nowrap}.qc-ok{color:var(--green);background:rgba(117,209,139,.07)}.qc-issue{color:var(--amber);background:rgba(226,169,86,.07)}footer{border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;padding:26px 0;color:#536058;font-size:9px;font-family:var(--mono);letter-spacing:.04em}footer img{width:130px;opacity:.58}footer span:last-child{margin-left:auto}
/* Dialog */
dialog{width:min(560px,calc(100vw - 28px));border:1px solid var(--line-strong);border-radius:18px;background:#111714;color:var(--text);padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}dialog form{padding:27px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:0 0 20px;font-size:25px;font-weight:500;letter-spacing:-.04em}.dialog-head+.muted{font-size:12px;line-height:1.6}.drop-zone{min-height:170px;border:1px dashed rgba(117,209,139,.32);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:24px 0;background:rgba(117,209,139,.025);cursor:pointer}.drop-zone:hover{background:rgba(117,209,139,.05);border-color:var(--green)}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-zone strong{font-size:13px}.drop-zone span:last-child{font-size:10px;color:#66736c}.upload-icon{color:var(--green);font-size:27px}.upload-message{font-size:12px;min-height:20px;color:var(--green)}.upload-message.error{color:var(--red)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1.5fr 1fr}.analytics-grid>.panel:last-child{grid-column:1/-1}.gauge{height:180px}.quality-list{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.login-page{overflow:auto}.login-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.login-visual{min-height:340px;padding:34px 24px}.login-copy{left:24px;bottom:25px}.login-copy h1{font-size:50px;margin-bottom:16px}.login-copy>p:last-child{font-size:14px;max-width:350px}.login-panel{padding:45px 24px}.mineral-mark{margin-bottom:32px}.topbar{height:62px;padding:0 16px;position:static;backdrop-filter:none}.brand img{width:148px}.live-state{display:none}.button-outline{font-size:0;padding:0 12px;min-width:44px}.button-outline:after{content:"Upload";font-size:11px}.icon-button{min-width:44px;height:44px}.dashboard-shell{padding:28px 16px 24px}.hero-row{display:block;margin-bottom:24px}.hero-row h1{font-size:40px;line-height:1;margin-bottom:11px}.hero-row>.hero-meta{justify-items:start;text-align:left;margin-top:17px;gap:5px}.filter-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;overflow:visible}.filter-bar label{min-width:0}.filter-bar input[type=date],.filter-bar select{width:100%;min-width:0}.filter-bar .toggle-label{grid-column:1/-1;margin-left:0;min-width:0;padding:0 3px}.filter-bar .text-button{justify-self:start}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{min-height:136px;padding:17px}.kpi strong{font-size:30px}.kpi-note{font-size:10px;color:#75827b}.analytics-grid{grid-template-columns:1fr;gap:14px;margin-bottom:39px}.analytics-grid>.panel:last-child{grid-column:auto}.panel{padding:18px;border-radius:15px}.panel-wide{min-height:auto}.panel-heading{margin-bottom:12px}.panel-heading h2,.section-heading h2{font-size:18px}.chart{height:250px}.chart-compact{height:230px}.chart svg{overflow:hidden}.chart text{font-size:10px;fill:#86938c}.quality-list{grid-template-columns:1fr}.quality-item{font-size:12px}.table-wrap{border-radius:12px}footer{align-items:flex-start;flex-wrap:wrap}footer span:last-child{margin-left:0;width:100%}}
@media(max-width:480px){.login-visual{min-height:300px}.login-copy h1{font-size:41px}.brand-logo-large{width:200px}.login-panel{padding-top:35px}.login-card h2{font-size:31px}.topbar #upload-open{display:none}.brand img{width:154px}.dashboard-shell{padding:24px 14px 22px}.hero-row h1{font-size:35px;letter-spacing:-.045em}.hero-row .muted{font-size:12px;line-height:1.45}.hero-meta .source-pill{max-width:100%;font-size:8px}.filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.filter-bar input[type=date],.filter-bar select{min-width:0;font-size:11px;padding:0 7px}.kpi-grid{grid-template-columns:1fr 1fr;border-radius:15px}.kpi{min-height:128px;padding:15px}.kpi strong{font-size:28px}.kpi-label{font-size:8px}.kpi-unit{font-size:11px}.kpi-note{font-size:9px;margin-top:8px}.kpi-spark{bottom:12px}.panel{padding:16px}.panel-heading{display:block}.panel-heading h2{font-size:18px;line-height:1.3}.legend{margin-top:12px;font-size:11px}.chart{height:250px}.chart-compact{height:225px}.gauge-svg{width:164px;height:164px}.quality-section,.analytics-grid{margin-bottom:34px}.section-heading{align-items:flex-start}.issue-count{font-size:8px}.account-menu{top:47px}.dialog-actions .button{padding:0 12px}.records-section table{min-width:0;table-layout:fixed}.records-section th,.records-section td{padding:10px 6px;font-size:9px;white-space:normal}.records-section th:nth-child(2),.records-section td:nth-child(2),.records-section th:nth-child(6),.records-section td:nth-child(6),.records-section th:nth-child(7),.records-section td:nth-child(7),.records-section th:nth-child(8),.records-section td:nth-child(8){display:none}.records-section th:first-child{width:25%}.records-section th:nth-child(3){width:20%}.records-section th:nth-child(4){width:18%}.records-section th:nth-child(5){width:22%}.records-section th:nth-child(9){width:15%}}