:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f8fafc;--ink:#0f1b33;--ink-2:#56657f;--ink-3:#8a97ad;--line:#e5e9f2;--line-2:#eef1f7;--brand-ink:#16294d;--brand:#1f3a6b;--brand-600:#264880;--accent:#3b6fd4;--accent-ink:#2a55ac;--accent-soft:#eaf1ff;--brand-grad:linear-gradient(135deg, #1f3a6b 0%, #2f5aa3 100%);--ok-bg:#e7f6ec;--ok-ink:#18743c;--busy-bg:#fdeaea;--busy-ink:#b22730;--warn-bg:#fff4e5;--warn-ink:#9a5b00;--mute-bg:#eef1f6;--mute-ink:#5a6b85;--info-bg:#eef3ff;--info-line:#d7e3ff;--info-ink:#2a4a8f;--danger:#c0303a;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:22px;--pill:999px;--shadow-sm:0 1px 2px #101b330f, 0 1px 3px #101b330d;--shadow:0 6px 20px #101b3314;--shadow-lg:0 16px 40px #101b3324;--ring:0 0 0 3px #3b6fd447;--ease:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,system-ui,-apple-system,sans-serif;line-height:1.65}a{color:var(--accent-ink);text-decoration:none}a:hover{color:var(--accent)}svg{flex:none}.app{flex-direction:column;min-height:100%;display:flex}.appbar{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);background:#ffffffd9;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:12px;display:inline-flex}.brand:hover{color:var(--ink)}.brand-mark{background:var(--brand-grad);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;display:grid}.brand-name{letter-spacing:.01em;font-size:17px;font-weight:800;line-height:1.1}.brand-sub{color:var(--ink-3);letter-spacing:.14em;font-size:11px;font-weight:600;display:block}.appbar-spacer{flex:1}.appbar-right{align-items:center;gap:10px;display:flex}.tabnav{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);scrollbar-width:none;background:#ffffffd9;gap:4px;padding:8px 16px;display:flex;position:sticky;top:61px;overflow-x:auto}.tabnav::-webkit-scrollbar{display:none}.tab{border-radius:var(--pill);color:var(--ink-2);white-space:nowrap;transition:background var(--ease), color var(--ease);align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.tab:hover{background:var(--surface-2);color:var(--ink)}.tab.active{background:var(--accent-soft);color:var(--accent-ink)}.tab svg{opacity:.9}.content{width:100%;max-width:960px;margin:0 auto;padding:32px 24px 96px}.page-head{align-items:flex-start;gap:14px;margin-bottom:28px;display:flex}.page-head .ph-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);border-radius:12px;place-items:center;display:grid}.page-title{letter-spacing:.01em;color:var(--brand-ink);margin:0;font-size:24px;font-weight:800}.page-sub{color:var(--ink-2);margin:2px 0 0;font-size:14px}.section-title{color:var(--ink);letter-spacing:.02em;align-items:center;gap:8px;margin:40px 0 14px;font-size:15px;font-weight:800;display:flex}.section-title svg{color:var(--accent-ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:24px}.card+.card{margin-top:16px}.grid{gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=720px){.grid-3,.grid-2{grid-template-columns:1fr}}.action-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);color:var(--ink);transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);align-items:center;gap:14px;padding:18px;display:flex}.action-card:hover{box-shadow:var(--shadow);color:var(--ink);border-color:#d7deec;transform:translateY(-2px)}.action-card .ac-icon{background:var(--brand-grad);color:#fff;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.action-card .ac-title{font-size:15px;font-weight:700}.action-card .ac-desc{color:var(--ink-2);font-size:13px}.action-card .ac-arrow{color:var(--ink-3);transition:transform var(--ease), color var(--ease);margin-left:auto}.action-card:hover .ac-arrow{color:var(--accent);transform:translate(2px)}.btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform var(--ease), box-shadow var(--ease), background var(--ease), border-color var(--ease);justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:#cdd6e6;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn-primary{color:#fff;background:var(--brand-grad);border:none;box-shadow:0 4px 14px #1f3a6b47}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 6px 18px #1f3a6b52}.btn-danger{color:var(--danger);background:#fff;border-color:#f0c7ca}.btn-danger:hover{background:#fdf1f2;border-color:#e6aeb3}.btn-sm{padding:8px 13px;font-size:13px}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field-label{color:var(--ink-2);font-size:13px;font-weight:700}.field-row{flex-wrap:wrap;gap:14px;display:flex}.field-row .field{flex:1;min-width:150px}input,select,textarea{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--ink);transition:border-color var(--ease), box-shadow var(--ease);padding:11px 13px;font-family:inherit;font-size:15px}input::placeholder{color:var(--ink-3)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filters .field{min-width:180px}.rows{flex-direction:column;gap:10px;display:flex}.row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:border-color var(--ease), box-shadow var(--ease);align-items:center;gap:14px;padding:16px 18px;display:flex}.row:hover{box-shadow:var(--shadow);border-color:#d7deec}.row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.row-title{font-size:15px;font-weight:700}.row-meta{color:var(--ink-2);font-size:13px}.row-end{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.row-time{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);border-radius:11px;flex:none;place-items:center;display:grid}.badge{border-radius:var(--pill);white-space:nowrap;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge.free{background:var(--ok-bg);color:var(--ok-ink)}.badge.busy{background:var(--busy-bg);color:var(--busy-ink)}.badge.maint{background:var(--mute-bg);color:var(--mute-ink)}.badge.soft{background:var(--surface-2);color:var(--ink-2)}.muted{color:var(--ink-2)}.error{color:var(--danger);font-size:14px}.notice{background:var(--info-bg);border:1px solid var(--info-line);border-radius:var(--r);color:var(--info-ink);align-items:flex-start;gap:10px;margin:18px 0;padding:13px 15px;font-size:14px;display:flex}.notice.ok{background:var(--ok-bg);color:var(--ok-ink);border-color:#bfe6cd}.notice.bad{background:var(--busy-bg);color:var(--busy-ink);border-color:#f4cdd0}.notice svg{margin-top:2px}.empty{text-align:center;color:var(--ink-2);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty .e-icon{background:var(--surface-2);width:52px;height:52px;color:var(--ink-3);border-radius:14px;place-items:center;display:grid}.empty .e-title{color:var(--ink);font-weight:700}.loading{color:var(--ink-2);align-items:center;gap:10px;padding:8px 0;display:inline-flex}.spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth{flex:1;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-hero{color:#fff;background:var(--brand-grad);flex-direction:column;padding:64px 56px;display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";pointer-events:none;background:radial-gradient(120% 80% at 100% 0,#ffffff29,#0000 60%);position:absolute;inset:0}.auth-hero .brand-mark{width:44px;height:44px;box-shadow:none;background:#ffffff29}.auth-hero-brand{align-items:center;gap:14px;display:flex;position:relative}.auth-hero-brand .brand-name{color:#fff;font-size:18px}.auth-hero-brand .brand-sub{color:#ffffffb3}.auth-hero h1{letter-spacing:.01em;margin:auto 0 0;font-size:34px;font-weight:800;line-height:1.35;position:relative}.auth-hero p.lead{color:#ffffffd9;max-width:38ch;margin:16px 0 28px;font-size:15px;position:relative}.auth-points{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex;position:relative}.auth-points li{color:#fffffff2;align-items:center;gap:12px;font-size:14.5px;display:flex}.auth-points .ap-icon{background:#ffffff24;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.auth-panel{background:var(--bg);place-items:center;padding:48px 32px;display:grid}.auth-card{text-align:center;width:100%;max-width:400px}.auth-card h2{color:var(--brand-ink);margin:0 0 6px;font-size:22px;font-weight:800}.auth-card .muted{margin:0 0 24px}.auth-clerk{justify-content:center;display:flex}@media (width<=860px){.auth{grid-template-columns:1fr}.auth-hero{min-height:auto;padding:40px 28px}.auth-hero h1{margin-top:28px;font-size:26px}.auth-hero .auth-points{margin-bottom:6px}}.scanner{flex-direction:column;align-items:center;gap:14px;display:flex}.video{border-radius:var(--r-lg);aspect-ratio:3/4;object-fit:cover;width:100%;max-width:420px;box-shadow:var(--shadow);background:#0b1220}.qr-actions{flex-direction:column;gap:12px;max-width:420px;margin:0 auto;display:flex}.qr-resource{text-align:center;margin-bottom:6px}.qr-resource .qr-name{color:var(--brand-ink);font-size:20px;font-weight:800}.qr-print{border:1px solid var(--line);border-radius:var(--r-lg);max-width:320px;box-shadow:var(--shadow);text-align:center;background:#fff;margin:24px auto 0;padding:28px 24px}.qr-print .qr-name{color:var(--brand-ink);margin-bottom:14px;font-size:18px;font-weight:800}.qr-print canvas{border-radius:8px}.qr-hint{color:var(--ink-2);margin-top:14px;font-size:13px}.no-print{justify-content:center;gap:10px;margin-top:18px;display:flex}@media print{body *{visibility:hidden}.qr-print,.qr-print *{visibility:visible}.qr-print{box-shadow:none;border:none;position:absolute;top:0;left:0}.no-print{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}