:root{--ink:#172033;--muted:#64748b;--navy:#172554;--blue:#2563eb;--violet:#7c3aed;--sky:#0ea5e9;--bg:#f5f7ff;--surface:#fff;--line:#e4e9f2;--red:#c73543;--green:#07895c;--amber:#a96500;--shadow:0 16px 42px rgba(30,47,93,.10)}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;margin:0;background:radial-gradient(circle at 8% 2%,#e0f3ff 0,transparent 27rem),radial-gradient(circle at 98% 18%,#eee7ff 0,transparent 29rem),var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}.button,button{border:0;border-radius:10px;padding:.72rem 1.05rem;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 7px 16px rgba(63,76,182,.2);color:#fff;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.button:hover,button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 10px 20px rgba(63,76,182,.25)}.button.secondary,button.secondary{background:#edf3ff;box-shadow:none;color:#2453a6}button.danger{background:#fde9ec;box-shadow:none;color:var(--red)}button.solid-danger{background:linear-gradient(135deg,#d62240,#a61b4a);color:#fff}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}input,select{display:block;width:100%;border:1px solid #ccd5e4;border-radius:9px;padding:.7rem .75rem;background:#fff;color:var(--ink);font:inherit;margin-top:.4rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}input:focus,select:focus{border-color:#6495f5;box-shadow:0 0 0 3px rgba(59,130,246,.14)}label{display:block;font-weight:700;margin:.8rem 0}.eyebrow{font-size:.72rem;letter-spacing:.15em;color:#5d73a0;font-weight:850;margin:0}h1{margin:.3rem 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.25;letter-spacing:-.035em}h1,h2{color:var(--navy)}h2{font-size:1.08rem;margin:.1rem 0 .95rem}.visitor{max-width:1100px;margin:auto;padding:2rem 1.25rem}.visitor header{position:relative;overflow:hidden;padding:3.3rem 2rem 2.3rem;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,247,255,.88));box-shadow:var(--shadow)}.visitor header:after{content:"";position:absolute;right:-5rem;top:-9rem;width:23rem;height:23rem;border:2.5rem solid rgba(83,123,235,.1);border-radius:50%;box-shadow:0 0 0 2.5rem rgba(135,92,246,.06)}.visitor header>*{position:relative;z-index:1}.visitor header>p:last-child{max-width:36rem;color:#52627a}.facility-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));margin-top:1.25rem}.card,.facility-card,.metric{background:rgba(255,255,255,.94);border:1px solid rgba(218,226,240,.9);border-radius:16px;padding:1.25rem;box-shadow:0 5px 18px rgba(43,61,107,.06)}.facility-card{position:relative;overflow:hidden;min-height:183px;transition:transform .18s ease,box-shadow .18s ease}.facility-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--sky),var(--violet))}.facility-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.row{display:flex;gap:.7rem;align-items:center}.row.spread{justify-content:space-between}.row.wrap{flex-wrap:wrap}.row.wrap input{width:auto;min-width:145px;margin:0}.wait{font-size:1.05rem;color:#546177;margin:.95rem 0}.wait strong{font-size:2.45rem;line-height:1;color:var(--navy);letter-spacing:-.06em}.notice{color:var(--amber);font-weight:750}.badge{font-size:.75rem;border-radius:999px;padding:.28rem .58rem;font-weight:800;white-space:nowrap}.badge-available,.badge-open{background:#e1f8ec;color:#08764a}.badge-in_use,.badge-paused{background:#fff2cf;color:#935b00}.badge-closed,.badge-disabled{background:#edf0f5;color:#59687e}.hint,small{color:var(--muted)}.visitor footer{margin:2.6rem 0;text-align:center}.visitor footer a{color:#355fc3;font-weight:700}.login{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login .card{width:min(500px,100%);border-top:4px solid var(--violet);box-shadow:var(--shadow)}.login a{display:block;margin-top:1.1rem;color:#2855aa}.admin{max-width:1280px;margin:auto;padding:1.4rem}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;border:1px solid rgba(218,226,240,.9);border-radius:17px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 14px rgba(39,54,91,.04)}.admin-head h1{font-size:1.75rem}.admin-head>div:last-child{display:flex;align-items:center;gap:.8rem;padding:.25rem .25rem .25rem .85rem;border-radius:10px;background:#f4f7fc;color:#52627a;font-size:.88rem}.admin nav{display:flex;gap:.38rem;overflow:auto;margin:1.1rem 0 1.25rem;padding:.35rem;border:1px solid rgba(218,226,240,.9);border-radius:13px;background:rgba(255,255,255,.68)}.admin nav button{flex:none;background:transparent;box-shadow:none;color:#63728a;border-radius:9px;padding:.62rem .84rem;font-size:.88rem}.admin nav button:hover{background:#eff4ff;transform:none;filter:none}.admin nav button.active{background:linear-gradient(135deg,#e5efff,#eee8ff);color:#3450ae;box-shadow:none}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.scanner{min-height:260px}.camera{width:100%;max-width:420px;margin:1rem auto;overflow:hidden;border-radius:12px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.8rem;gap:.8rem;margin-bottom:1rem}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-1rem;bottom:-1.7rem;width:5rem;height:5rem;border-radius:50%;background:#dcecff}.metric:nth-child(2):after{background:#e9e1ff}.metric:nth-child(3):after{background:#dff7eb}.metric:nth-child(4):after{background:#fff0cd}.metric span,.metric strong{position:relative;z-index:1}.metric span{display:block;color:var(--muted);font-size:.82rem;font-weight:700}.metric strong{font-size:2rem;line-height:1.2;color:var(--navy);letter-spacing:-.05em}.error,.success{padding:.8rem 1rem;border-radius:10px;font-weight:650}.success{background:#e4f8ed;color:#08764a;border:1px solid #c8efd9}.error{background:#fff0f1;color:#a82638;border:1px solid #ffd6da}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{padding:.78rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr{transition:background .15s ease}tbody tr:hover{background:#f7f9fe}th{color:#697890;font-size:.76rem;font-weight:800;letter-spacing:.03em}.actions{display:flex;flex-wrap:wrap;gap:.35rem}.tiny{padding:.35rem .55rem;border-radius:7px;font-size:.76rem}.danger-zone{max-width:720px;border:1px solid #f5c4cc;border-top:4px solid #cf3952;background:linear-gradient(145deg,#fff,#fff7f7)}.danger-zone p{color:#67434a}.danger-zone .warning{border-left:3px solid #cf3952;padding-left:.75rem;color:#a52538;font-weight:750}.danger-zone code{padding:.12rem .35rem;border-radius:5px;background:#f3e6e8;color:#a52538;font-weight:800}@media(max-width:650px){.visitor{padding:1rem}.visitor header{padding:2.3rem 1.25rem 1.8rem;border-radius:17px}.admin{padding:.8rem}.admin-head{align-items:flex-start;flex-direction:column;padding:1rem}.admin-head>div:last-child{width:100%;justify-content:space-between}.page-grid{grid-template-columns:1fr}.facility-card{padding:1rem}table{font-size:.78rem}td,th{padding:.52rem .35rem}.actions{min-width:100px}.row.spread{align-items:flex-start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}