:root{--night:#071d24;--night-2:#0d3138;--ink:#102c32;--soft:#607579;--paper:#f3f5f0;--surface:#fffefa;--line:#dce4e0;--mint:#43d3bd;--mint-soft:#dff8f1;--blue:#4f8ef7;--amber:#e4a83b;--danger:#d95d4d;--shadow:0 20px 55px #071d241f}*{box-sizing:border-box}html,body{background:var(--paper);width:100%;max-width:100%;color:var(--ink);margin:0;overflow-x:hidden}body,button,input,select{font-family:Inter,Noto Sans JP,Yu Gothic UI,sans-serif}body{min-height:100dvh;font-size:16px;line-height:1.55}button,input,select{font-size:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #43d3bd80}button:disabled{cursor:wait;opacity:.55}svg{flex:none}.center-screen{background:var(--night);color:#fff;place-content:center;justify-items:center;gap:16px;min-height:100dvh;display:grid}.brand{background:var(--mint);width:60px;height:60px;color:var(--night);border-radius:19px;place-items:center;font-size:30px;font-weight:950;display:grid;box-shadow:0 16px 38px #43d3bd38}.brand.large{border-radius:23px;width:72px;height:72px;font-size:38px}.eyebrow{color:#159b8c;letter-spacing:.17em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:950}.access-shell{background:var(--night);color:#fff;min-height:100dvh}.access-hero{background:radial-gradient(circle at 94% 5%, #43d3bd3b, transparent 32%), linear-gradient(145deg, var(--night), var(--night-2));min-height:44dvh;padding:34px 22px 42px;position:relative}.access-hero .eyebrow{color:var(--mint);margin-top:24px}.access-hero h1{letter-spacing:-.055em;max-width:520px;margin:3px 0 10px;font-size:clamp(40px,12vw,66px);line-height:1.02}.access-hero>p:last-of-type{color:#b9ccce;max-width:520px;margin:0}.prod-pill{color:#dff8f1;letter-spacing:.08em;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;top:22px;right:20px}.prod-pill svg{width:14px}.boundary{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:17px;align-items:center;gap:11px;max-width:520px;margin-top:24px;padding:12px 14px;display:flex}.boundary svg{width:22px;color:var(--mint)}.boundary strong,.boundary small{display:block}.boundary strong{font-size:12px}.boundary small{color:#9fb8ba;font-size:10px}.access-panel{background:var(--paper);min-height:56dvh;color:var(--ink);border-radius:34px 34px 0 0;padding:28px 18px 46px}.access-form{gap:14px;width:min(100%,520px);margin:0 auto;display:grid}.access-form h2{letter-spacing:-.03em;margin:0;font-size:25px}.access-form>p{color:var(--soft);margin:-8px 0 4px;font-size:13px}.access-form label{color:var(--soft);gap:6px;font-size:11px;font-weight:900;display:grid}.access-form input,.access-form select{width:100%;min-height:52px;color:var(--ink);background:#fff;border:1px solid #cbd6d2;border-radius:15px;padding:0 14px}.number-lock{max-width:420px}.pin-label{text-align:center}.access-form .pin-input{text-align:center;letter-spacing:.45em;border-width:2px;border-color:#9fbeb8;min-height:68px;padding:0 20px;font-size:30px;font-weight:950}.keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.keypad button{touch-action:manipulation;background:#fff;border:1px solid #cbd8d4;border-radius:17px;min-height:58px;font-size:23px;font-weight:950;box-shadow:0 7px 18px #071d240f}.keypad button:active{background:var(--mint-soft);transform:translateY(1px)}.keypad .key-action{color:var(--soft);font-size:12px}.keypad .key-action svg{width:21px;margin:auto}.primary{background:var(--night);color:#fff;border:0;border-radius:17px;justify-content:center;align-items:center;gap:9px;min-height:56px;font-weight:950;display:inline-flex;box-shadow:0 14px 30px #071d242e}.primary svg{width:20px}.form-note{text-align:center;margin:0!important;font-size:10px!important}.error,.notice{border-radius:15px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:12px;font-weight:800;display:flex}.error{color:#8e3f34;background:#fff0ec;border:1px solid #f0c0b8;width:min(100%,520px);margin:0 auto 14px}.notice{background:var(--mint-soft);color:#176e64;border:1px solid #bde5d8}.error svg,.notice svg{width:18px}.app-shell{background:radial-gradient(circle at 96% 0, #43d3bd1c, transparent 280px), var(--paper);min-height:100dvh}.topbar{background:var(--night);color:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:10px 15px;display:flex}.wordmark{align-items:center;gap:9px;display:flex}.wordmark>span{background:var(--mint);width:40px;height:40px;color:var(--night);border-radius:13px;place-items:center;font-size:21px;font-weight:950;display:grid}.wordmark small,.wordmark strong{line-height:1.1;display:block}.wordmark small{color:#9db6b8;letter-spacing:.18em;font-size:8px}.wordmark strong{font-size:14px}.user-chip{color:#fff;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;max-width:58%;min-height:44px;padding:5px 9px;display:flex}.user-chip svg{width:17px}.user-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:900;overflow:hidden}.user-chip small{color:#9fb9bb;font-size:8px;display:block}.environment-bar{background:var(--mint-soft);color:#176e64;border-bottom:1px solid #bce5d9;align-items:center;gap:6px;min-height:37px;padding:7px 16px;font-size:9px;display:flex}.environment-bar svg{width:15px}.environment-bar strong{letter-spacing:.08em}.environment-bar span{color:#4c7773;margin-left:auto}.main-content{gap:24px;width:min(100%,1040px);margin:0 auto;padding:28px 16px 48px;display:grid}.hero-row{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.hero-row h1{letter-spacing:-.06em;margin:0;font-size:clamp(38px,11vw,58px);line-height:1}.hero-row p:last-child{color:var(--soft);margin:10px 0 0;font-size:13px}.round-add{background:var(--night);color:#fff;width:58px;height:58px;box-shadow:var(--shadow);border:0;border-radius:20px;place-items:center;display:grid}.round-add svg{width:25px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.metric-grid article{border:1px solid var(--line);background:var(--surface);border-radius:18px;justify-items:center;gap:2px;min-width:0;padding:13px 5px;display:grid}.metric-grid svg{color:#258f84;width:17px}.metric-grid strong{font-size:24px;line-height:1.1}.metric-grid span{color:var(--soft);font-size:9px;font-weight:900}.metric-grid article.hot{background:#fff0ec;border-color:#f0bdb5}.metric-grid article.hot svg{color:var(--danger)}.section-block{gap:12px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2{letter-spacing:-.025em;margin:0;font-size:22px}.section-head button{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:5px;min-height:40px;padding:0 12px;font-size:11px;font-weight:900;display:inline-flex}.section-head button svg{width:16px}.case-list{gap:9px;display:grid}.case-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:auto 1fr 18px;align-items:center;gap:11px;min-width:0;padding:15px 13px;display:grid;box-shadow:0 9px 26px #071d240d}.case-card>div{min-width:0}.case-card small,.case-card strong,.case-card p{display:block}.case-card small{color:var(--soft);font-size:9px}.case-card strong{margin-top:3px;font-size:16px}.case-card p{color:var(--soft);margin:5px 0 0;font-size:10px}.case-card>svg{color:#36a696;width:18px}.priority{color:#607579;text-align:center;background:#edf2f0;border-radius:12px;min-width:44px;padding:7px 6px;font-size:9px;font-weight:950}.priority-emergency,.priority-urgent{color:#ad4437;background:#fff0ec}.priority-today{background:var(--mint-soft);color:#176e64}.priority-planned{color:#3b68b3;background:#e9f0ff}.empty-card{text-align:center;background:#fffefaad;border:1px dashed #c9d4d0;border-radius:24px;justify-items:center;gap:7px;padding:34px 20px;display:grid}.empty-card>svg{color:#2eb8a4;width:40px;height:40px}.empty-card h3{margin:5px 0 0}.empty-card p{color:var(--soft);margin:0;font-size:12px}.empty-card button{background:var(--night);color:#fff;border:0;border-radius:13px;min-height:42px;margin-top:8px;padding:0 15px;font-size:11px;font-weight:900}.building-grid{gap:8px;display:grid}.building-grid article{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.building-grid article>span{background:var(--mint-soft);color:#178478;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.building-grid svg{width:21px}.building-grid strong,.building-grid small{display:block}.building-grid div small{color:var(--soft);font-size:10px}.building-grid b{text-align:right;font-size:20px}.building-grid b small{color:var(--soft);font-size:8px;font-weight:800}.system-card{background:var(--night);color:#fff;border-radius:23px;grid-template-columns:48px 1fr;gap:13px;padding:18px;display:grid}.system-card>svg{width:48px;height:48px;color:var(--mint);background:#43d3bd24;border-radius:16px;padding:12px}.system-card h2{margin:0;font-size:19px}.system-card p:last-child{color:#acc2c4;margin:7px 0 0;font-size:11px}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020f12a8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{width:min(100%,620px);max-height:95dvh;padding:28px 18px max(32px,env(safe-area-inset-bottom));background:var(--paper);border-radius:28px 28px 0 0;position:relative;overflow-y:auto}.dialog>h2{margin:0;font-size:27px}.dialog>p:not(.eyebrow){color:var(--soft);margin:6px 0 18px;font-size:12px}.close{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:15px;right:15px}.close svg{width:19px}@media (min-width:760px){.access-shell{grid-template-columns:1fr 1fr;display:grid}.access-hero,.access-panel{min-height:100dvh}.access-hero{flex-direction:column;justify-content:center;padding:64px;display:flex}.access-panel{border-radius:36px 0 0 36px;place-content:center;padding:48px;display:grid}.metric-grid{gap:12px}.building-grid,.case-list{grid-template-columns:1fr 1fr}}@media (max-width:759px){.access-hero{min-height:auto;padding:20px 22px 24px}.brand.large{border-radius:18px;width:56px;height:56px;font-size:30px}.access-hero .eyebrow{margin-top:16px}.access-hero h1{margin-bottom:7px;font-size:38px}.access-hero>p:last-of-type{font-size:12px}.boundary{margin-top:15px;padding:9px 12px}.boundary svg{width:19px}.access-panel{min-height:auto;padding:23px 18px max(24px,env(safe-area-inset-bottom))}.access-form{gap:11px}.access-form h2{font-size:23px}.access-form .pin-input{min-height:60px;font-size:27px}.keypad{gap:8px}.keypad button{border-radius:15px;min-height:52px;font-size:21px}.primary{min-height:52px}}@media (max-width:340px){.environment-bar span{display:none}.metric-grid article{padding-inline:2px}.metric-grid span{font-size:8px}.hero-row h1{font-size:36px}}