:root{--ink:#14211f;--muted:#5d6b68;--paper:#f4ece1;--card:#fffdf8;--line:#e4d8c8;--forest:#163a36;--forest-2:#1f524c;--terracotta:#c45c26;--gold:#e8c9a0;--ok:#2f6f4e;--wait:#b45309;--stop:#9f2d2d;--shadow:0 18px 40px #163a3614;--space:clamp(12px, 2.2vw, 32px);color:var(--ink);background:var(--paper);font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100dvh;margin:0}body{background:radial-gradient(1200px 500px at -10% -20%, #eed9bc 0%, transparent 55%), radial-gradient(900px 420px at 110% 0%, #d7ece4 0%, transparent 50%), var(--paper);overflow-x:clip}h1,h2,.brand strong{letter-spacing:-.03em;font-family:Fraunces,Georgia,serif;font-weight:650}h1{overflow-wrap:anywhere;margin:0;font-size:clamp(1.45rem,1.1rem + 1.6vw,2rem)}h2{margin:0 0 8px;font-size:clamp(1.05rem,.95rem + .5vw,1.25rem)}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;max-width:100%}button{background:var(--forest);color:#fffdf8;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:11px 16px;font-weight:700}button:disabled{opacity:.65;cursor:not-allowed}button.ghost{color:var(--forest);border:1px solid var(--line);background:0 0}button.ok{background:var(--ok)}button.danger{color:var(--stop);border-color:#f0c9c9}label{gap:6px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:12px;padding:11px 12px}textarea{resize:vertical;min-height:110px;line-height:1.45}.muted{color:var(--muted);line-height:1.5}.tiny{color:var(--muted);margin-top:2px;font-size:.78rem}.boot{min-height:100dvh;color:var(--muted);place-items:center;padding:24px;display:grid}.login-page{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid}.login-card{background:var(--card);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);border-radius:28px;padding:clamp(20px,4vw,32px)}.login-card h1{margin:18px 0 8px}.login-card form{margin-top:22px}.login-card button{width:100%;margin-top:6px}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand>div{min-width:0}.brand strong,.sidebar-user strong{overflow-wrap:anywhere}.brand p,.sidebar-user p{color:var(--gold);font-size:.8rem;font-weight:500}.login-brand p{color:var(--muted)}.brand-mark{background:var(--terracotta);color:#fff;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-family:Fraunces,serif;font-size:1.3rem;display:grid}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--forest);color:#f7efe4;padding:28px 20px;padding-top:max(28px, env(safe-area-inset-top));padding-left:max(20px, env(safe-area-inset-left));flex-direction:column;gap:28px;display:flex}.sidebar-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-toggle{background:var(--forest-2);flex:0 0 44px;align-content:space-between;width:44px;height:44px;padding:12px 10px;display:none}.menu-toggle span{background:#f7efe4;border-radius:999px;height:2px;transition:transform .2s,opacity .2s;display:block}.shell.menu-open .menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.shell.menu-open .menu-toggle span:nth-child(2){opacity:0}.shell.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.menu-scrim{display:none}.sidebar-menu{flex-direction:column;flex:1;gap:28px;min-height:0;display:flex}.sidebar nav{gap:8px;display:grid}.sidebar nav a{color:#d7ece4;border-radius:12px;align-items:center;min-height:44px;padding:10px 12px;display:flex}.sidebar nav a.active,.sidebar nav a:hover{background:var(--forest-2);color:#fff}.sidebar-user{gap:12px;margin-top:auto;display:grid}.sidebar-user-info{min-width:0}.sidebar-user button{color:#f7efe4;border-color:#2e5b55}.content{padding:var(--space);padding-bottom:max(var(--space), env(safe-area-inset-bottom));min-width:0;container:page/inline-size}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head button{white-space:nowrap;flex:none}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--terracotta);margin-bottom:6px;font-size:.75rem;font-weight:700}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stats article{background:var(--card);border:1px solid var(--line);border-radius:18px;min-width:0;padding:16px 18px}.stats span{color:var(--muted);font-size:.85rem}.stats strong{margin-top:4px;font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem);display:block}.toolbar{margin:8px 0 16px}.filters{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;align-items:end;gap:12px;padding:14px 16px;display:flex}.filters label{flex:180px;min-width:min(220px,100%);margin-bottom:0}.search{max-width:420px}.age-filter,.month-filter{width:100%;max-width:160px}.page-note{margin-top:6px}.table-wrap,.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;min-width:0}.table-wrap{-webkit-overflow-scrolling:touch;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}td{overflow-wrap:anywhere}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--card);z-index:1;font-size:.78rem;position:sticky;top:0}.empty{text-align:center;color:var(--muted);padding:42px 16px!important}.queue-no{background:#efe4d4;border-radius:10px;place-items:center;min-width:36px;height:36px;font-weight:800;display:inline-grid}.badge{border-radius:999px;width:fit-content;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge.waiting{color:var(--wait);background:#f8e8cc}.badge.served{color:var(--ok);background:#dcefe3}.badge.cancelled{color:var(--stop);background:#f8dede}.note-text{color:var(--ink);overflow-wrap:anywhere;margin:0;line-height:1.45}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions select{width:auto;min-width:min(150px,100%)}.alert{color:var(--stop);overflow-wrap:anywhere;background:#f8dede;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-weight:600}.modal-backdrop{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));z-index:20;background:#14211f73;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.modal,.panel{padding:24px}.modal{background:var(--card);border-radius:24px;width:min(520px,100%);max-height:min(92dvh,760px);overflow:auto;container-type:inline-size}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.split{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;display:grid}.admin-list{gap:10px;margin-top:16px;display:grid}.admin-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.admin-row p{color:var(--muted);font-size:.88rem}.admin-meta{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.full-width{width:100%}@container page (width<=1020px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.table-wrap{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody{gap:12px;display:grid}tbody tr{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:0 10px;padding:14px 16px;display:grid}tbody tr.empty-row{text-align:center;display:block}td{border-bottom:1px dashed var(--line);min-width:0;padding:8px 0}td:not(.empty):before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}td:first-child,td:nth-child(2){border-bottom:0;padding-top:0;padding-bottom:10px}td:first-child{grid-area:1/1}td:nth-child(2){border-bottom:1px solid var(--line);grid-area:1/2;margin-bottom:4px}td:first-child:before,td:nth-child(2):before{display:none}td:nth-child(n+3){grid-column:1/-1;grid-template-columns:minmax(92px,34%) minmax(0,1fr);align-items:start;gap:8px 12px;display:grid}td:nth-child(n+3):before{margin:0}td:last-child,td.actions{border-bottom:0;flex-direction:column;align-items:stretch;padding-top:12px;padding-bottom:0;display:flex}.actions{flex-direction:column;align-items:stretch}.actions select,.actions button{width:100%;min-width:0}}@container page (width<=640px){.page-head{flex-direction:column;align-items:stretch}.page-head button{width:100%}.filters{flex-direction:column;align-items:stretch;padding:12px}.filters label,.search,.age-filter,.month-filter,.filters button{flex:none;width:100%;min-width:0;max-width:none}.admin-row{flex-direction:column;align-items:stretch}.admin-meta{justify-content:space-between}.panel{border-radius:18px;padding:16px}.stats{gap:8px}.stats article{border-radius:14px;padding:12px}td:nth-child(n+3){grid-template-columns:1fr}}@container (width<=420px){.grid-2{grid-template-columns:1fr}}@media (width<=1024px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{z-index:30;padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));gap:0;position:sticky;top:0}.menu-toggle{display:grid}.sidebar-menu{gap:16px;padding:16px 0 8px;display:none}.shell.menu-open .sidebar-menu{max-height:min(70dvh,480px);display:flex;overflow:auto}.sidebar-user{margin-top:0}.menu-scrim{z-index:25;background:#14211f66;border:0;border-radius:0;min-height:0;padding:0;display:block;position:fixed;inset:0}.content{padding:18px 16px;padding-bottom:max(18px, env(safe-area-inset-bottom))}}@media (width<=640px){input,select,textarea{font-size:16px}.modal-backdrop{place-items:end center;padding:0}.modal{width:100%;max-height:92dvh;padding:20px 16px max(20px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.modal-actions{grid-template-columns:1fr 1fr;display:grid}.modal-actions button{width:100%}.login-card{border-radius:20px}}@media (prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}