: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)}.admin-content-surface .panel{border:0;margin-top:0;padding:0}.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}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:1.25rem 0}.metric-grid article{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.metric-grid span,.table-row span{color:#6b7280;display:block;font-size:.86rem}.metric-grid strong{color:#0a4a3a;display:block;font-size:1.5rem;margin-top:.35rem}.action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0 1.5rem}.button-link{align-items:center;background:#0a4a3a;border-radius:8px;color:#fff;display:inline-flex;min-height:42px;padding:.7rem 1rem}.tag{background:#ecfdf5;border-radius:999px;color:#0a4a3a;display:inline-flex;font-size:.8rem;font-weight:700;margin-top:.5rem;padding:.35rem .65rem}.data-form{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:1rem 0}.data-form .span-2{grid-column:span 2}.table-list{display:grid;gap:.75rem;margin-top:1rem}.table-row{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1rem}.content-block{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.admin-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#0a4a3a,#0d5c46);color:#fff;display:flex;flex-direction:column;gap:1.25rem;height:100vh;padding:1.25rem;position:sticky;top:0}.admin-brand{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;gap:.75rem;padding:1rem}.admin-brand .brand-mark{background:#ffffff29}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{color:#ffffffb8;font-size:.8rem;margin-top:.15rem}.admin-nav{display:grid;gap:.35rem}.admin-nav-label{color:#ffffff94;font-size:.72rem;font-weight:800;letter-spacing:.08em;margin:.85rem 0 .25rem;text-transform:uppercase}.admin-nav a,.admin-sidebar-footer a,.admin-sidebar-footer button{align-items:center;background:transparent;border-radius:8px;color:#ffffffd6;display:flex;justify-content:flex-start;min-height:42px;padding:.75rem .85rem;text-align:left;width:100%}.admin-nav a.active,.admin-nav a:hover,.admin-sidebar-footer a:hover,.admin-sidebar-footer button:hover{background:#ffffff1f;color:#fff}.admin-sidebar-footer{display:grid;gap:.4rem;margin-top:auto}.admin-sidebar-footer a,.admin-sidebar-footer button{background:#ffffff14}.admin-content{min-width:0;padding:1.25rem}.admin-topbar{background:#ffffffeb;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 30px #0f172a0f;padding:1rem 1.2rem}.admin-topbar h1{color:#0a4a3a;font-size:1.45rem;letter-spacing:0;margin:0 0 .2rem}.admin-topbar p{color:#6b7280;margin:0}.admin-content-surface{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 16px 42px #0a4a3a14;margin-top:1rem;padding:clamp(1rem,2vw,1.5rem)}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column;position:static}.topbar nav{justify-content:flex-start}.data-form .span-2{grid-column:1}.table-row{align-items:flex-start;flex-direction:column}.admin-layout{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-content{padding:1rem}}