:root{color:#1f2937;background:#f6fbf9;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f5faf8,#eef7f3)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;border-radius:8px;background:#0a4a3a;color:#fff;cursor:pointer;min-height:42px;padding:.7rem 1rem}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.75rem .9rem}.app-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;position:sticky;top:1rem;z-index:10;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 30px #0f172a0f}.brand{display:flex;align-items:center;gap:.75rem}.brand small,.brand strong{display:block}.brand small{color:#6b7280;font-size:.78rem}.brand-mark{align-items:center;background:#0a4a3a;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:42px}.brand-mark.large{height:64px;width:64px}.topbar nav{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.topbar nav a,.topbar nav button{background:transparent;color:#374151;min-height:36px;padding:.5rem .7rem}.topbar nav a.active{background:#ecfdf5;border-radius:8px;color:#0a4a3a;font-weight:700}.login-page{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:1rem}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 24px 60px #0a4a3a2e;display:grid;gap:1rem;max-width:420px;padding:2rem;width:100%}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:clamp(1rem,3vw,2rem)}.panel h1{color:#0a4a3a;font-size:clamp(1.8rem,5vw,3rem);letter-spacing:0;margin:0 0 .75rem}.lead{color:#4b5563;font-size:1.1rem}.grid,.schedule-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1.5rem}.card{border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.link-card:hover{border-color:#0a4a3a}.avatar{align-items:center;background:#ecfdf5;border-radius:8px;color:#0a4a3a;display:inline-flex;font-weight:800;height:44px;justify-content:center;width:44px}.slot-list{display:flex;flex-wrap:wrap;gap:.5rem}.slot-list button{background:#ecfdf5;color:#0a4a3a}.slot-list button.selected{background:#0a4a3a;color:#fff}.reservation-form{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1.5rem}.error,.notice{border-radius:8px;padding:.75rem 1rem}.error{background:#fef2f2;color:#991b1b}.notice{background:#ecfdf5;color:#0a4a3a}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column;position:static}.topbar nav{justify-content:flex-start}}