.sc-app{
  --sc-bg: #0b1220;
  --sc-panel: #121c30;
  --sc-panel-2: #0e1626;
  --sc-line: #223047;
  --sc-text: #eaf0fa;
  --sc-muted: #7c8aa5;
  --sc-amber: #f5a623;
  --sc-amber-dim: #7a5a1f;
  --sc-teal: #35d0ba;
  --sc-red: #ff6b6b;
  --sc-font-display: 'Rajdhani', sans-serif;
  --sc-font-body: 'Inter', sans-serif;
  --sc-font-mono: 'IBM Plex Mono', monospace;
  --sc-radius: 10px;

  width:100%;max-width:none;box-sizing:border-box;
  margin:0 auto;padding:32px clamp(20px, 4vw, 64px) 60px;
  min-height:100vh;
  background: radial-gradient(1400px 700px at 50% -10%, #16233c 0%, var(--sc-bg) 55%);
  color:var(--sc-text);
  font-family:var(--sc-font-body);
}
.sc-app *{box-sizing:border-box;}

.sc-trip{
  background:linear-gradient(180deg,var(--sc-panel) 0%,var(--sc-panel-2) 100%);
  border:1px solid var(--sc-line);
  border-radius:var(--sc-radius);
  padding:22px 22px 18px;
  margin-bottom:22px;
  position:relative;overflow:hidden;
}
.sc-trip::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg, rgba(245,166,35,0.035) 0 1px, transparent 1px 28px);
  pointer-events:none;
}
.sc-trip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.sc-trip-cell{border-left:1px solid var(--sc-line);padding-left:14px;}
.sc-trip-cell:first-child{border-left:none;padding-left:0;}
.sc-trip-label{
  font-family:var(--sc-font-display);
  font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--sc-muted);margin-bottom:6px;
}
.sc-trip-value{
  font-family:var(--sc-font-mono);
  font-size:26px;font-weight:600;
  font-variant-numeric:tabular-nums;
  color:var(--sc-text);letter-spacing:0.01em;
}
.sc-trip-value.sc-amber{color:var(--sc-amber);}
.sc-trip-value .sc-unit{font-size:13px;color:var(--sc-muted);margin-left:4px;font-family:var(--sc-font-body);}
.sc-trip-value.sc-good{color:var(--sc-teal);}
.sc-trip-value.sc-bad{color:var(--sc-red);}

@media (max-width:700px){
  .sc-trip-grid{grid-template-columns:repeat(2,1fr);row-gap:18px;}
  .sc-trip-cell:nth-child(3){border-left:none;padding-left:0;}
}

.sc-panel{
  background:var(--sc-panel);
  border:1px solid var(--sc-line);
  border-radius:var(--sc-radius);
  padding:20px 22px;margin-bottom:22px;
}
.sc-panel h2{
  font-family:var(--sc-font-display);
  font-size:15px;letter-spacing:0.08em;text-transform:uppercase;
  margin:0 0 16px;color:var(--sc-text);
  display:flex;align-items:center;gap:8px;
}
.sc-panel h2::before{
  content:"";width:6px;height:6px;background:var(--sc-amber);border-radius:1px;
  transform:rotate(45deg);
}

.sc-entry-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;}
.sc-field{display:flex;flex-direction:column;gap:6px;}
.sc-field label{font-size:11px;color:var(--sc-muted);letter-spacing:0.04em;text-transform:uppercase;}
.sc-field input{
  background:var(--sc-panel-2);border:1px solid var(--sc-line);border-radius:6px;
  padding:10px 10px;color:var(--sc-text);font-family:var(--sc-font-mono);font-size:14px;width:100%;
}
.sc-field input:focus{outline:none;border-color:var(--sc-amber);}
.sc-form-actions{grid-column:1/-1;display:flex;gap:10px;margin-top:4px;}

.sc-app button{
  font-family:var(--sc-font-display);letter-spacing:0.05em;text-transform:uppercase;
  font-weight:600;font-size:13px;border-radius:6px;border:1px solid transparent;
  padding:10px 18px;cursor:pointer;
}
.sc-app button:focus-visible{outline:2px solid var(--sc-amber);outline-offset:2px;}
.sc-btn-primary{background:var(--sc-amber);color:#1a1200;}
.sc-btn-primary:hover{background:#ffb347;}
.sc-btn-ghost{background:transparent;border-color:var(--sc-line);color:var(--sc-muted);}
.sc-btn-ghost:hover{color:var(--sc-text);border-color:var(--sc-muted);}
.sc-btn-danger{background:transparent;border-color:var(--sc-red);color:var(--sc-red);}
.sc-btn-danger:hover{background:rgba(255,107,107,0.1);}
@media (max-width:700px){ .sc-entry-form{grid-template-columns:repeat(2,1fr);} }

.sc-table-wrap{overflow-x:auto;}
.sc-app table{width:100%;border-collapse:collapse;font-size:13px;min-width:820px;}
.sc-app thead th{
  text-align:right;font-family:var(--sc-font-display);
  font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--sc-muted);
  padding:8px 10px;border-bottom:1px solid var(--sc-line);white-space:nowrap;
}
.sc-app thead th:first-child, .sc-app thead th:nth-child(2){text-align:left;}
.sc-app tbody td{
  text-align:right;font-family:var(--sc-font-mono);
  padding:9px 10px;border-bottom:1px solid rgba(34,48,71,0.6);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.sc-app tbody td:first-child, .sc-app tbody td:nth-child(2){text-align:left;font-family:var(--sc-font-body);}
.sc-app tbody tr:hover{background:rgba(245,166,35,0.04);}
.sc-app td.sc-good{color:var(--sc-teal);}
.sc-app td.sc-bad{color:var(--sc-red);}
.sc-app td.sc-muted{color:var(--sc-muted);}
.sc-row-actions{display:flex;gap:8px;justify-content:flex-end;}
.sc-icon-btn{
  background:transparent;border:none;color:var(--sc-muted);
  font-family:var(--sc-font-body);font-size:12px;text-transform:none;letter-spacing:0;
  font-weight:500;padding:2px 6px;cursor:pointer;
}
.sc-icon-btn:hover{color:var(--sc-amber);}
.sc-icon-btn.sc-del:hover{color:var(--sc-red);}
.sc-empty-state{padding:30px 10px;text-align:center;color:var(--sc-muted);font-size:13px;}

.sc-chart-wrap{height:240px;}
.sc-io-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.sc-io-row .sc-spacer{flex:1;}
.sc-app input[type="file"]{display:none;}
.sc-hint{color:var(--sc-muted);font-size:12px;line-height:1.5;margin-top:10px;}

.sc-login-notice{
  max-width:520px;margin:60px auto;padding:28px 26px;text-align:center;
  background:#121c30;border:1px solid #223047;border-radius:10px;
  color:#eaf0fa;font-family:'Inter', sans-serif;
}
.sc-login-notice p{margin:0 0 14px;color:#eaf0fa;}
.sc-login-link{
  display:inline-block;font-family:'Rajdhani', sans-serif;letter-spacing:0.05em;text-transform:uppercase;
  font-weight:600;font-size:13px;border-radius:6px;padding:10px 20px;
  background:#f5a623;color:#1a1200;text-decoration:none;
}
.sc-login-link:hover{background:#ffb347;}