:root{
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  color:#f4f6ff;
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 138, 0, 0.2), transparent 45%),
    radial-gradient(circle at 85% 0%, rgba(80, 56, 255, 0.2), transparent 40%),
    #0b1020;
  --surface:#141a2e;
  --surface-soft:#1b2440;
  --line:#2b3557;
  --text-muted:#a9b4d6;
  --accent:#ff8a00;
  --accent-2:#6f62ff;
  --ok:#37d67a;
  --warn:#ff5f6d;
  --info:#6f62ff;
}

*{box-sizing:border-box}
body{margin:0;min-height:100vh}
.container{max-width:1040px;margin:0 auto;padding:1.2rem}

.hero,.card{
  background:linear-gradient(160deg, rgba(28,38,66,.94), rgba(20,27,49,.94));
  border:1px solid var(--line);
  border-radius:14px;
  padding:1.1rem;
  margin-bottom:1rem;
  box-shadow:0 14px 32px rgba(3,7,19,.34);
}

.hero{
  background:
    linear-gradient(165deg, rgba(255,138,0,.24), rgba(111,98,255,.12) 48%, rgba(15,20,35,.9)),
    linear-gradient(160deg, rgba(28,38,66,.94), rgba(20,27,49,.94));
}

h1,h2,h3{margin:.2rem 0 .8rem;color:#fff;letter-spacing:.2px}

a{color:#9bb3ff;text-underline-offset:2px}
a:hover{color:#d6e0ff}

label{display:block;margin:.6rem 0;color:#e9edff}
input,select,button,textarea{
  width:100%;
  padding:.72rem;
  border-radius:10px;
  border:1px solid #3a4469;
  background:#0f152b;
  color:#f3f6ff;
}

input::placeholder,textarea::placeholder{color:#8996be}
input:focus,select:focus,button:focus,textarea:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(255,138,0,.25);
}

button{
  background:linear-gradient(135deg,var(--accent),#ff6a00);
  color:#fff;
  border:0;
  font-weight:700;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 10px 18px rgba(255,138,0,.28)}
button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

.supplier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}
.supplier-card{
  border:1px solid #39466d;
  border-radius:11px;
  padding:.75rem;
  background:linear-gradient(160deg,#111832,#161f3d);
  display:grid;
  gap:.45rem;
}

.notice{padding:.74rem;border-radius:9px;border:1px solid transparent}
.success{background:rgba(55,214,122,.12);border-color:rgba(55,214,122,.35)}
.error{background:rgba(255,95,109,.12);border-color:rgba(255,95,109,.34)}
.info{background:rgba(111,98,255,.12);border-color:rgba(111,98,255,.34)}

.muted{font-size:.9rem;color:var(--text-muted)}
.inline{display:grid;grid-template-columns:1fr auto;gap:.4rem}
.check{display:flex;align-items:center;gap:.6rem}
.check input{width:auto}
.danger{background:linear-gradient(135deg,#d61545,#9c0f2a)}

table{width:100%;border-collapse:collapse;background:#0f152b;border-radius:10px;overflow:hidden}
th,td{text-align:left;padding:.58rem;border-bottom:1px solid #2e395d}
th{color:#dbe4ff;background:#171f3b}
.leading{background:rgba(111,98,255,.2)}

@media (max-width:700px){
  th,td{font-size:.88rem;padding:.42rem}
  .container{padding:.65rem}
}


.dish-size{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:rgba(255,138,0,.22);border:1px solid rgba(255,138,0,.55);color:#ffd9a1;font-size:.82rem;font-weight:600}