*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:#f6f8ff;color:#111}
header{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#0b5fff;color:#fff;position:sticky;top:0}
.brand{width:10px;height:10px;background:#fff;border-radius:50%}
.title{flex:1;font-weight:600}
.nav button{background:#2b6bff;border:none;color:#fff;padding:8px 12px;margin-right:6px;border-radius:999px;cursor:pointer;opacity:.85}
.nav button.active{opacity:1;background:#fff;color:#0b5fff}
main{padding:16px;max-width:1200px;margin:0 auto}
.tab{display:none}
.tab.active{display:block}
.card{background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.06);padding:16px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.day{background:#fff;border-radius:12px;border:1px solid #e6e9f8;padding:10px}
.day header{display:flex;justify-content:space-between;align-items:center;background:transparent;color:#111;padding:0}
.day .weekday{font-size:12px;color:#6972a5}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#e9f0ff;color:#0b5fff;font-weight:600;font-size:12px;margin-right:6px}
.row{display:flex;align-items:center;gap:12px;justify-content:space-between}
.form{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips label{background:#eef2ff;border:1px solid #d6defa;border-radius:999px;padding:6px 10px}
.hint{color:#6b7280;font-size:12px;margin-top:6px}
button{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;background:#0b5fff;color:#fff}
button.danger{background:#d93737}
select,input{padding:6px 8px;border:1px solid #d6defa;border-radius:8px;background:#fff}
.day .slots{font-size:13px;color:#333;margin-top:6px}
.day.dark{background:#0f172a;color:#e5e7eb}
.day.dark .weekday{color:#94a3b8}