:root { --bg-cream:#f6f1eb; --bg-beige:#ede3d7; --text-dark:#2e2b28; --text-muted:#6f6a64; --accent:#b78f6a; --border:#ddd2c6; --danger:#b24b3b; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text-dark)}
.bg-cream{background:var(--bg-cream)} .container{max-width:980px;margin:0 auto;padding:32px 16px 48px}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.brand .logo{font-size:24px;font-weight:700;letter-spacing:.5px} .brand .subtitle{color:var(--text-muted);font-size:14px}
.card{background:white;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 6px 24px rgba(46,43,40,.06)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.field label{font-size:13px;color:var(--text-muted)}
.field input,.field select{padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-cream)}
.checkbox{flex-direction:row;align-items:center;gap:8px}
.checkbox input{width:18px;height:18px}
.btn{width:100%;padding:14px;border:none;border-radius:10px;background:var(--accent);color:white;font-weight:600;cursor:pointer}
.btn:hover{opacity:.92} .muted{color:var(--text-muted)} .hint{margin-top:12px;color:var(--text-muted);font-size:14px}
.slots{display:flex;flex-wrap:wrap;gap:8px} .slot{padding:10px 12px;border-radius:10px;border:1px solid var(--border);cursor:pointer;background:var(--bg-beige)} .slot.active{background:var(--accent);color:white}
.timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:16px 0} .timebox{background:var(--bg-beige);padding:10px;border-radius:10px;text-align:center;font-size:13px;border:1px solid var(--border)}
.table{width:100%;border-collapse:collapse;margin-top:12px} .table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}
.status{padding:4px 8px;border-radius:6px;font-size:12px;background:var(--bg-beige)} .status.cancelled{background:#f3d1cc;color:var(--danger)} .action{cursor:pointer;color:var(--danger)}
@media (max-width:720px){.grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(4,1fr)}}