/* OxyTuned Warranty System */
:root {
  --ot-bg:#080b0f; --ot-panel:#11161d; --ot-panel-2:#171d25; --ot-border:#2a313b;
  --ot-text:#f4f6f8; --ot-muted:#9ba5b2; --ot-red:#b51f2e; --ot-red-bright:#e02b3d;
  --ot-green:#34c77b; --ot-amber:#f0ad4e; --ot-blue:#5aa7ff;
}
*{box-sizing:border-box} 
body{
  margin:0;
  background:
        radial-gradient(circle at 15% 0%, rgba(213,31,43,.12), transparent 30rem),
        linear-gradient(180deg, #090a0c, #050607);
  color:var(--ot-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit}.ot-shell{width:min(1480px,calc(100% - 30px));margin:0 auto;padding:28px 0 60px}.ot-shell.narrow{width:min(880px,calc(100% - 30px))}
.ot-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.ot-brand{display:flex;align-items:center;gap:13px}.ot-mark{width:9px;height:42px;border-radius:4px;background:linear-gradient(#f04455,#85121f);box-shadow:0 0 18px rgba(224,43,61,.32)}.ot-brand h1{font-size:clamp(1.35rem,2vw,2rem);margin:0;letter-spacing:.025em}.ot-brand p{margin:3px 0 0;color:var(--ot-muted);font-size:.88rem}.ot-actions{display:flex;flex-wrap:wrap;gap:9px}
.ot-panel{background:rgba(17,22,29,.94);border:1px solid var(--ot-border);border-radius:16px;box-shadow:0 14px 45px rgba(0,0,0,.28);overflow:hidden}.ot-panel+.ot-panel{margin-top:18px}.ot-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--ot-border);background:rgba(255,255,255,.015)}.ot-panel-head h2{margin:0;font-size:1.04rem;letter-spacing:.035em;text-transform:uppercase}.ot-panel-body{padding:20px}
.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ot-border);border-radius:9px;background:#1b222c;color:#fff;text-decoration:none;padding:9px 13px;font-weight:650;font-size:.86rem;cursor:pointer}.ot-btn:hover{filter:brightness(1.14)}.ot-btn.red{background:linear-gradient(180deg,#c92839,#961724);border-color:#d83c4c}.ot-btn.green{background:#176c47;border-color:#23875b}.ot-btn.amber{background:#72501f;border-color:#9d702b}.ot-btn.ghost{background:transparent}.ot-btn.danger{background:#5a1820;border-color:#862633}.ot-btn.sm{padding:6px 9px;font-size:.76rem}
.ot-grid{display:grid;gap:14px}.ot-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ot-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ot-grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ot-field label{display:block;color:#c7ced7;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.055em;margin:0 0 6px}.ot-input,.ot-select,.ot-textarea{width:100%;border:1px solid #343d49;background:#0b0f14;color:#fff;border-radius:9px;padding:10px 11px;font:inherit}.ot-textarea{min-height:92px;resize:vertical}.ot-input:focus,.ot-select:focus,.ot-textarea:focus{outline:2px solid rgba(224,43,61,.32);border-color:var(--ot-red-bright)}
.ot-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.ot-stat{padding:15px 16px;background:linear-gradient(145deg,#151b23,#0d1117);border:1px solid var(--ot-border);border-radius:12px}.ot-stat strong{display:block;font-size:1.65rem;line-height:1.1;font-variant-numeric:tabular-nums}.ot-stat span{display:block;color:var(--ot-muted);font-size:.71rem;text-transform:uppercase;letter-spacing:.07em;margin-top:5px}.ot-stat.accent{border-top:2px solid var(--ot-red-bright)}
.ot-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:10px;align-items:end}.ot-table-wrap{overflow:auto}.ot-table{width:100%;border-collapse:collapse;min-width:1080px}.ot-table th{position:sticky;top:0;background:#171d25;color:#b8c1cc;text-align:left;font-size:.71rem;text-transform:uppercase;letter-spacing:.06em;padding:11px 12px;border-bottom:1px solid var(--ot-border)}.ot-table td{padding:12px;border-bottom:1px solid #242b34;vertical-align:top;font-size:.86rem}.ot-table tbody tr:hover{background:rgba(255,255,255,.025)}.ot-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750;color:#fff}.ot-date{white-space:nowrap;color:#c8d0d9}.ot-cell-text{white-space:pre-wrap;min-width:180px;max-width:340px}.ot-row-actions{display:flex;gap:6px;white-space:nowrap}.ot-badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;background:#232b35;border:1px solid #37414d;color:#cbd3dc}.ot-badge.red{background:#48151c;border-color:#76232d;color:#ffb5bd}.ot-badge.green{background:#123d2c;border-color:#1d6848;color:#a6f2c9}
.ot-alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;border:1px solid}.ot-alert.success{background:#103525;border-color:#226344;color:#b9f4d4}.ot-alert.error{background:#40151b;border-color:#7d2834;color:#ffc0c7}.ot-alert.info{background:#132c46;border-color:#27557d;color:#c4e2ff}.ot-empty{text-align:center;padding:40px 20px;color:var(--ot-muted)}
.ot-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:18px}.ot-page{padding:7px 10px;border:1px solid var(--ot-border);border-radius:8px;text-decoration:none;color:#d5dbe2;background:#151a21}.ot-page.active{background:var(--ot-red);border-color:var(--ot-red-bright)}
.lookup-hero{text-align:center;padding:46px 26px 30px}.lookup-hero .eyebrow{color:#ff6a78;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lookup-hero h1{font-size:clamp(2rem,6vw,3.7rem);margin:8px 0 10px}.lookup-hero p{color:var(--ot-muted);max-width:600px;margin:0 auto}.lookup-form{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:610px;margin:26px auto 0}.warranty-card{padding:0}.warranty-card .status{display:flex;align-items:center;gap:8px;color:#b5f4d3;font-weight:750}.status-dot{width:9px;height:9px;background:var(--ot-green);border-radius:50%;box-shadow:0 0 10px rgba(52,199,123,.65)}.warranty-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.warranty-section{padding:16px 0;border-top:1px solid var(--ot-border)}.warranty-section h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ot-muted);margin:0 0 7px}.warranty-section p{margin:0;white-space:pre-wrap;line-height:1.6}.privacy-note{color:var(--ot-muted);font-size:.77rem;text-align:center;margin-top:18px}
.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.chart-wrap{height:330px}.chart-wrap canvas{max-height:100%}
@media(max-width:1050px){.ot-stats,.ot-grid.cols-6{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:1fr}}@media(max-width:720px){.ot-shell{width:min(100% - 18px,1480px);padding-top:14px}.ot-topbar{align-items:flex-start;flex-direction:column}.ot-grid.cols-2,.ot-grid.cols-3,.ot-stats{grid-template-columns:1fr}.ot-toolbar{grid-template-columns:1fr}.lookup-form{grid-template-columns:1fr}.warranty-meta{grid-template-columns:1fr}.ot-panel-body{padding:14px}.ot-actions{width:100%}.ot-actions .ot-btn{flex:1}}

@media(max-width:1100px){.ot-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ot-grid.cols-4{grid-template-columns:1fr}}
