:root{
  --orange:#ff6a00;
  --dark-blue:#0b2340;
  --muted:#6b7280;
  --card-bg:#ffffff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:#f4f6f8;color:#111}
.site{max-width:1100px;margin:0 auto;padding:1rem}
.site-header{padding:1rem 0}
.brand{margin:0;color:var(--dark-blue);font-weight:700}
.page-sub{color:var(--muted);margin:0.25rem 0}
.container{padding:1rem}
.card{background:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px rgba(15,23,42,0.04);padding:1rem;margin-bottom:1rem}
.form-card{max-width:900px;margin:0 auto}
.field{display:flex;flex-direction:column;margin-bottom:0.75rem}
.field.small{max-width:140px}
label{font-size:0.95rem;margin-bottom:0.25rem;color:var(--dark-blue)}
input[type=text],input[type=email],input[type=number],input[type=password],input[type=date],textarea{width:100%;padding:0.6rem;border:1px solid #dfe6ee;border-radius:6px}
textarea{resize:vertical}
.actions{margin-top:1rem}
.btn{display:inline-block;padding:0.6rem 1rem;border-radius:6px;border:1px solid transparent;background:#fff;color:var(--dark-blue);text-decoration:none;cursor:pointer}
.btn.primary{background:var(--orange);color:#fff}
.btn.danger{background:#f44336;color:#fff;border-color:#f44336}
.radios label{margin-right:0.6rem}
.radio-group .radios{display:flex;gap:0.5rem;flex-wrap:wrap}
.mt-1{margin-top:1rem}
.mt-0-5{margin-top:0.5rem}

/* Menu card tweaks */
.menu{display:flex;gap:1rem;flex-direction:column}
@media(min-width:720px){.menu{flex-direction:row}}
.card.menu-card{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}
.card.menu-card .card-body{padding:1rem}
.card.menu-card .card-footer{padding:1rem;text-align:center}
.menu-title{font-size:1.25rem;margin-bottom:0.5rem;color:var(--dark-blue)}
:root{
    --orange: #ff6a00;
    --dark-blue: #0b2340;
    --bg: #f6f8fb;
    --card: #ffffff;
    --muted: #6b7a8a;
}

/* Mobile-first base */
*{box-sizing:border-box}
body{font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin:0; background:var(--bg); color:var(--dark-blue); -webkit-font-smoothing:antialiased}
.site-header{padding:1.25rem 1rem; text-align:center}
.brand{font-size:1.25rem; margin:0; color:var(--dark-blue)}
.container{padding:1rem; max-width:980px; margin:0 auto}

.card{background:var(--card); border-radius:12px; box-shadow:0 6px 18px rgba(11,35,64,0.06); padding:1rem}
.form-card{width:100%;}
.form-card .field{margin-bottom:0.9rem}
.form-card label{display:block; font-size:0.95rem; margin-bottom:0.35rem; color:var(--dark-blue); font-weight:600}
.form-card input[type="text"], .form-card input[type="password"], .form-card input[type="email"], .form-card input[type="date"], .form-card input[type="number"], .form-card textarea{width:100%; padding:0.65rem 0.75rem; border:1px solid #e6e9ee; border-radius:8px; font-size:0.95rem}
.form-card input[type="text"]:focus, .form-card input[type="password"]:focus, .form-card input[type="email"]:focus, .form-card textarea:focus{outline:none; border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,106,0,0.08)}

.actions{display:flex; gap:0.5rem; align-items:center; justify-content:flex-end}
.btn{border:0; padding:0.75rem 1rem; border-radius:10px; font-weight:700; cursor:pointer}
.btn.primary{background:var(--orange); color:white}

.muted{color:var(--muted); font-size:0.9rem}

/* Larger screens */
@media(min-width:768px){
    .site-header{padding:2rem 1rem}
    .brand{font-size:1.5rem}
    .container{padding:2rem}
    .form-card{max-width:420px; margin:1rem auto; padding:1.25rem}
    .actions{justify-content:flex-end}
}

@media(min-width:1100px){
    .container{max-width:1100px}
}

/* small helpers */
.radio-group .radios{display:flex; gap:0.5rem; flex-wrap:wrap}