:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6fb;--surface:#fff;--surface-2:#f7f9fc;--text:#111827;--muted:#657084;--line:#dde4ee;--primary:#155eef;--primary-2:#0d47c8;--soft:#eaf1ff;--success:#0f9d68;--success-soft:#e6f7f0;--danger:#d83b4b;--danger-soft:#fff0f2;--warning:#b66b00;--shadow:0 18px 50px #1c2f5214;--radius:20px}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}small{color:var(--muted)}.app-shell{min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:10;flex-direction:column;width:270px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;padding:0 8px 22px;display:flex}.brand-logo-image{border-radius:10px;width:218px;height:auto;display:block}.site-card{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;flex-direction:column;margin-bottom:20px;padding:15px;display:flex}.site-card>span{letter-spacing:.13em;color:var(--primary);font-size:.68rem;font-weight:800}.site-card strong{margin-top:3px}.site-card small{font-size:.78rem}.site-card form{gap:6px;margin-top:10px;display:flex}.site-card select{flex:1;min-width:0}.site-card button{background:var(--primary);color:#fff;border:0;border-radius:9px;padding:7px 10px;font-size:.78rem;font-weight:700}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{color:#4f5d72;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:.91rem;font-weight:650;display:flex}.sidebar nav a:hover{background:var(--soft);color:var(--primary)}.account{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:auto;padding:17px 5px 0;display:flex}.account>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.account b{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.account small{font-size:.72rem}.avatar{background:var(--soft);width:36px;height:36px;color:var(--primary);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:.76rem;font-weight:800;display:grid}.account button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px}.account button:hover{background:var(--danger-soft);color:var(--danger)}.main{min-height:100vh;margin-left:270px}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface)88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;justify-content:space-between;align-items:center;height:92px;padding:0 34px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.03em;margin:1px 0 0;font-size:1.55rem;line-height:1.15}.eyebrow{color:var(--primary);letter-spacing:.14em;font-size:.68rem;font-weight:800}.page-content{max-width:1600px;margin:auto;padding:30px 34px 50px}.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0;border-radius:12px;padding:11px 16px;font-weight:750;box-shadow:0 8px 18px #155eef2e}.button-link{align-items:center;gap:8px;display:inline-flex}.hero{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);background:linear-gradient(125deg,#0e2450,#155eef 70%,#46a4ff);justify-content:space-between;align-items:center;padding:25px 28px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:38px solid #ffffff12;border-radius:50%;width:240px;height:240px;position:absolute;top:-95px;right:-70px}.hero .eyebrow{color:#bcd7ff}.hero h2{margin:4px 0;font-size:1.75rem}.hero p{color:#dbe9ff;margin:0}.live{z-index:1;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:.83rem;font-weight:700;display:flex;position:relative}.live i{background:#53e5a6;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #53e5a624}.kpis{grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0;display:grid}.kpis article{background:var(--surface);border:1px solid var(--line);border-radius:17px;flex-direction:column;padding:18px;display:flex;box-shadow:0 9px 28px #1c2f520a}.kpis span{color:var(--muted);font-size:.82rem;font-weight:650}.kpis strong{letter-spacing:-.04em;margin:3px 0;font-size:1.8rem}.kpis small{font-size:.74rem}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:0 10px 35px #1c2f520b}.panel-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px;display:flex}.panel-head h3{letter-spacing:-.015em;margin:2px 0 0;font-size:1.1rem}.panel-head p{color:var(--muted);margin:3px 0 0;font-size:.84rem}.panel-head>a{color:var(--primary);font-size:.8rem;font-weight:750}.count{background:var(--soft);min-width:36px;height:30px;color:var(--primary);border-radius:10px;place-items:center;padding:0 9px;font-size:.8rem;font-weight:800;display:grid}.event-list,.device-list,.people-list,.credential-list,.route-list{flex-direction:column;display:flex}.event-row{border-top:1px solid var(--line);grid-template-columns:10px minmax(0,1fr) auto 110px;align-items:center;gap:12px;padding:12px 2px;display:grid}.event-row:first-child{border-top:0}.event-row>div,.device-list>div>span:nth-child(2){flex-direction:column;display:flex}.event-row b{font-size:.84rem}.event-row small{font-size:.73rem}.event-row time{color:var(--muted);text-align:right;font-size:.73rem}.event-dot{background:#9aa5b5;border-radius:50%;width:8px;height:8px}.event-dot.granted{background:var(--success)}.event-dot.denied{background:var(--danger)}.badge{white-space:nowrap;color:#5f6a79;background:#eef1f5;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.badge.granted,.badge.active{background:var(--success-soft);color:var(--success)}.badge.denied,.badge.revoked{background:var(--danger-soft);color:var(--danger)}.badge.scheduled{background:var(--soft);color:var(--primary)}.badge.expired,.badge.neutral{color:#657084;background:#eef1f5}.device-list>div{border-top:1px solid var(--line);align-items:center;gap:11px;padding:11px 0;display:flex}.device-list>div:first-child{border-top:0}.device-list>div>span:nth-child(2){flex:1;min-width:0}.device-list b{font-size:.84rem}.device-list small{font-size:.72rem}.device-icon{color:#7a8493;background:#eef1f5;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.device-icon.online{background:var(--success-soft);color:var(--success)}.empty{text-align:center;color:var(--muted);padding:28px 10px;font-size:.86rem}.flash{border-radius:13px;margin-bottom:16px;padding:12px 15px;font-size:.85rem;font-weight:700}.flash.error{background:var(--danger-soft);color:var(--danger);border:1px solid #ffd3d9}.flash.success{background:var(--success-soft);color:var(--success);border:1px solid #bcebd8}.split-layout{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);align-items:start;gap:18px;display:grid}.split-layout.wide-main{grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr)}.sticky{position:sticky;top:122px}.filter-row{gap:7px;margin:-3px 0 12px;display:flex;overflow:auto}.filter-row a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:.74rem;font-weight:700}.filter-row a:hover{color:var(--primary);background:var(--soft);border-color:#a8c5ff}.people-list article{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 2px;display:flex}.people-list article:first-child{border-top:0}.people-list article>div{flex-direction:column;flex:1;min-width:0;display:flex}.people-list b{font-size:.87rem}.people-list small{white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.category{border-radius:999px;padding:5px 9px;font-size:.69rem;font-weight:800}.category.guest{background:var(--soft);color:var(--primary)}.category.employee{background:var(--success-soft);color:var(--success)}.category.supplier{color:var(--warning);background:#fff5df}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label,.inline-form label,.login-form label{color:#4e596b;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700;display:flex}.span-2{grid-column:span 2}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:11px;outline:none;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:#7da8ff;box-shadow:0 0 0 3px #155eef1a}textarea{resize:vertical}.credential-list article{border-top:1px solid var(--line);grid-template-columns:105px minmax(210px,1fr) 72px auto auto;align-items:center;gap:12px;padding:13px 0;display:grid}.credential-list article:first-child{border-top:0}.credential-pin,.credential-person,.credential-uses{flex-direction:column;display:flex}.credential-pin small,.credential-uses small{letter-spacing:.1em;font-size:.62rem;font-weight:800}.credential-pin b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.credential-person b{font-size:.84rem}.credential-person small{font-size:.7rem}.credential-uses b{font-size:.84rem}.danger-link{color:var(--danger);background:0 0;border:0;padding:6px;font-size:.72rem;font-weight:750}.managed-note{background:var(--soft);color:var(--primary);border:1px solid #cddfff;border-radius:15px;align-items:center;gap:13px;margin-bottom:18px;padding:14px 17px;display:flex}.managed-note div{flex-direction:column;display:flex}.managed-note b{font-size:.85rem}.managed-note span{color:#52647d;font-size:.76rem}.door-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.door-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;padding:14px}.door-head{align-items:center;gap:10px;display:flex}.door-head>span:nth-child(2){flex-direction:column;flex:1;display:flex}.door-head b{font-size:.83rem}.door-head small{font-size:.71rem}.door-grid dl{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;display:grid}.door-grid dl div{border-top:1px solid var(--line);flex-direction:column;padding-top:7px;display:flex}.door-grid dt{color:var(--muted);text-transform:uppercase;font-size:.62rem}.door-grid dd{margin:0;font-size:.75rem;font-weight:700}.route-list article{border-top:1px solid var(--line);padding:13px 0}.route-list article:first-child{border-top:0}.route-list article>div:first-child{justify-content:space-between;display:flex}.route-list b{font-size:.85rem}.route-list small{font-size:.72rem}.route-flow{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.route-flow span{color:var(--muted);align-items:center;gap:6px;font-size:.72rem;display:flex}.route-flow span>b{background:var(--soft);width:23px;height:23px;color:var(--primary);border-radius:8px;place-items:center;font-size:.68rem;display:grid}.route-flow i{color:#a2acbb;font-style:normal}.compact-panel{margin-top:18px}.inline-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.inline-form button{height:43px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.07em;text-transform:uppercase;padding:10px 11px;font-size:.68rem}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 11px;font-size:.78rem}td b,td small{display:block}td small{font-size:.68rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-grid section:last-child{grid-column:span 2}.details{flex-direction:column;margin:0;display:flex}.details div{border-top:1px solid var(--line);justify-content:space-between;padding:11px 0;display:flex}.details dt{color:var(--muted);font-size:.79rem}.details dd{margin:0;font-size:.8rem;font-weight:700}.integration-box{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:5px;padding:14px;display:flex}.integration-box b{font-size:.82rem}.integration-box span{font-size:.76rem}.integration-box small{font-size:.7rem}.security-list{color:#4f5d72;grid-template-columns:1fr 1fr;gap:12px 30px;margin:0;padding-left:20px;font-size:.79rem;display:grid}.login-page{background:radial-gradient(circle at 10% 10%,#46a4ff2e,transparent 33%),radial-gradient(circle at 90% 90%,#155eef21,transparent 35%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:26px;width:min(100%,440px);padding:35px;box-shadow:0 28px 90px #17305a26}.login-brand{margin-bottom:30px;display:block}.login-logo-image{border-radius:12px;width:min(100%,310px);height:auto;margin:0 auto;display:block}.security-pill{color:var(--success);background:var(--success-soft);border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.login-copy h1{letter-spacing:-.045em;margin:12px 0 5px;font-size:2rem}.login-copy p{color:var(--muted);margin:0 0 24px;font-size:.9rem}.login-form{flex-direction:column;gap:14px;display:flex}.login-form .primary{margin-top:5px;padding:13px}.login-panel footer{text-align:center;border-top:1px solid var(--line);color:var(--muted);margin-top:26px;padding-top:20px;font-size:.7rem}.check{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:11px;flex-direction:row!important;align-items:center!important}.check input{width:18px;height:18px}.device-result{border-radius:13px;margin-top:14px;padding:13px;font-size:.78rem}.device-result.success{background:var(--success-soft);color:var(--success)}.device-result.error{background:var(--danger-soft);color:var(--danger)}.secret-list{flex-direction:column;gap:8px;margin-top:11px;display:flex}.secret-list>div{background:color-mix(in srgb,var(--surface)85%,transparent);color:var(--text);border-radius:10px;grid-template-columns:85px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.secret-list .critical{outline:1px solid var(--danger)}.secret-list small{font-size:.65rem}.secret-list code{text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.copy-button{border:1px solid var(--line);background:var(--surface);color:var(--primary);border-radius:8px;padding:5px 8px;font-size:.66rem;font-weight:750}.device-admin-list{flex-direction:column;display:flex}.device-admin-list article{border-top:1px solid var(--line);grid-template-columns:minmax(170px,1fr) 165px auto 190px;align-items:center;gap:11px;padding:12px 0;display:grid}.device-admin-list article:first-child{border-top:0}.device-admin-list article>div{flex-direction:column;display:flex}.device-admin-list b{font-size:.82rem}.device-admin-list small{font-size:.69rem}.device-admin-list code{font-size:.7rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1120;--surface:#111a2b;--surface-2:#151f32;--text:#f3f6fb;--muted:#9aa8bc;--line:#27344a;--primary:#68a2ff;--primary-2:#3a7df0;--soft:#172b4f;--success:#55d9a2;--success-soft:#123529;--danger:#ff7c89;--danger-soft:#3c1d26;--warning:#f0b554;--shadow:0 18px 60px #0000003d}.sidebar nav a{color:#b6c0cf}.hero{background:linear-gradient(125deg,#101d3b,#174eaa 70%,#257cd0)}.managed-note span{color:#b7c6da}.form-grid label,.inline-form label,.login-form label,.security-list{color:#b9c4d5}}@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split-layout,.split-layout.wide-main{grid-template-columns:1fr}.sticky{position:static}.settings-grid{grid-template-columns:1fr}.settings-grid section:last-child{grid-column:auto}.credential-list article{grid-template-columns:95px minmax(190px,1fr) 65px auto}.credential-list form{grid-column:4}.security-list{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:auto;height:auto;padding:15px;position:static}.brand{padding:0 2px 13px}.site-card{margin:0 0 12px}.sidebar nav{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sidebar nav a{text-align:center;flex-direction:column;gap:3px;padding:8px 4px;font-size:.67rem}.sidebar nav a:nth-child(n+6),.account{display:none}.main{margin-left:0}.topbar{height:auto;min-height:76px;padding:15px 18px}.topbar h1{font-size:1.32rem}.topbar .button-link{place-items:center;width:42px;height:42px;padding:0;font-size:0;display:grid}.topbar .button-link svg{width:20px}.page-content{padding:18px 14px 35px}.hero{flex-direction:column;align-items:flex-start;gap:18px;padding:21px}.hero h2{font-size:1.45rem}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpis article{padding:14px}.kpis strong{font-size:1.45rem}.panel{border-radius:17px;padding:16px}.event-row{grid-template-columns:9px minmax(0,1fr) auto}.event-row time{text-align:left;grid-column:2}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.door-grid,.inline-form{grid-template-columns:1fr}.credential-list article{grid-template-columns:90px 1fr auto}.credential-uses{display:none}.credential-list form{grid-column:3}.login-panel{padding:27px 22px}.login-copy h1{font-size:1.75rem}.device-admin-list article{grid-template-columns:1fr auto}.device-admin-list article>small{grid-column:1/-1}.secret-list>div{grid-template-columns:1fr auto}.secret-list code{grid-column:1}.secret-list small{grid-column:1/-1}}
.checks{border:1px solid var(--line);border-radius:13px;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;padding:10px;display:grid}.checks legend{color:var(--muted);padding:0 5px;font-size:.7rem;font-weight:750}.checks label{background:var(--surface-2);border-radius:9px;align-items:center;gap:8px;padding:8px;flex-direction:row!important;display:flex!important}.checks input{width:17px;height:17px}.checks span{flex-direction:column;display:flex}.checks b{font-size:.75rem}.checks small{font-size:.65rem}.route-form{border-top:1px solid var(--line);flex-direction:column;gap:11px;margin-top:16px;padding-top:16px;display:flex}.route-form>label{color:var(--muted);flex-direction:column;gap:6px;font-size:.75rem;font-weight:700;display:flex}@media (max-width:760px){.checks{grid-template-columns:1fr}.sidebar nav a:nth-child(n+6){display:flex}}