:root{color-scheme:light;--ink:#122f3e;--muted:#71818a;--line:#e4ebee;--paper:#fff;--canvas:#f4f7f8;--teal:#087d78;--teal-dark:#076b67;--teal-soft:#e4f4f2;--navy:#102b3a;--shadow:0 12px 36px rgba(20,49,63,.055);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 88% 0%,#eaf5f4 0,transparent 32rem),var(--canvas)}a{color:inherit;text-decoration:none}.app-shell{max-width:1440px;min-height:100vh;margin:auto;display:flex;flex-direction:column}.topbar{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(218,229,232,.8);backdrop-filter:blur(16px)}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:var(--navy);color:#8be0cf}.brand-mark svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand strong,.brand small{display:block}.brand strong{font:800 17px Manrope,sans-serif;letter-spacing:-.6px}.brand small{color:#809098;font-size:10px;letter-spacing:1.1px;text-transform:uppercase}.top-actions{display:flex;gap:16px;align-items:center}.nav-link{font-weight:600;font-size:13px;color:#526872}.user-chip{display:flex;align-items:center;gap:9px;color:#51646d;font-size:12px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:var(--teal-dark);background:#e1f2ef;font-weight:700}.page-content{width:min(100% - 40px,1120px);margin:44px auto 78px;flex:1}.page-heading{margin:0 0 27px}.page-heading h1,.form-page-heading h1{font:800 clamp(28px,4vw,36px) Manrope,sans-serif;letter-spacing:-1.35px;margin:8px 0}.page-heading p,.form-page-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.eyebrow{display:block;color:#73868d;font-size:9px;font-weight:700;letter-spacing:1.45px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.button{border:0;border-radius:11px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff;box-shadow:0 5px 12px rgba(8,125,120,.17)}.button-primary:hover{background:var(--teal-dark)}.button-soft{background:var(--teal-soft);color:var(--teal-dark)}.button-quiet{background:#f1f5f6;color:#536a73}.button-small{padding:9px 13px;border-radius:9px;font-size:11px}.button-plus{font-size:17px;line-height:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 24px}.stat-card{min-height:96px;padding:19px 21px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:var(--shadow)}.stat-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:21px}.icon-blue{background:#e7f0fb;color:#4d7bb5}.icon-green{background:#e4f4ec;color:#47966b}.icon-violet{background:#f0ecfa;color:#8773bd}.stat-card strong,.stat-card span{display:block}.stat-card strong{font:800 21px Manrope,sans-serif;letter-spacing:-.6px}.stat-card div>span{margin-top:3px;color:var(--muted);font-size:11px}.stat-date{font-size:14px!important}.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-heading h2{font:700 17px Manrope,sans-serif;letter-spacing:-.35px;margin:0}.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.count-pill{min-width:27px;height:27px;padding:0 8px;display:grid;place-items:center;border-radius:9px;background:#f0f5f5;color:#617780;font-size:11px;font-weight:700}.intercom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.intercom-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;transition:transform .18s,box-shadow .18s,border-color .18s}.intercom-card:hover{transform:translateY(-3px);border-color:#bddbd7;box-shadow:0 10px 25px rgba(21,62,74,.09)}.device-visual{height:98px;position:relative;display:grid;place-items:center;background:linear-gradient(130deg,#dceeea,#eff6f4 62%,#e5eff3)}.device-glyph{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(25,98,94,.12);border-radius:17px;background:rgba(255,255,255,.72);color:#18847e;font-size:31px}.status-dot{width:10px;height:10px;position:absolute;right:14px;top:14px;border:2px solid #fff;border-radius:50%;background:#9aa8ae}.status-ok{background:#36aa73}.status-error{background:#e47463}.device-card-body{padding:15px}.device-title-row{display:flex;justify-content:space-between;align-items:center}.device-title-row h3,.access-info h3{margin:0;font:700 14px Manrope,sans-serif}.arrow-link{color:var(--teal);font-size:16px}.muted{color:var(--muted)}.device-card-body>.muted{margin:5px 0 14px;font-size:11px}.device-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#788890;font-size:10px}.status-label{padding:5px 8px;border-radius:7px;background:#edf2f3;color:#708087;font-size:9px;font-weight:700}.status-text-ok{background:#e9f6ee;color:#37845c}.status-text-error{background:#fff0ed;color:#c95f50}.last-sync{display:block;margin-top:12px;color:#8b989e;font-size:9px}.empty-state{padding:50px 20px 44px;text-align:center}.empty-illustration{width:63px;height:63px;margin:0 auto 15px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#e4f3ef,#eff4f7);color:#318b83;font-size:33px}.empty-state h3{margin:0 0 8px;font:700 16px Manrope,sans-serif}.empty-state p{max-width:430px;margin:0 auto 18px;color:var(--muted);font-size:12px;line-height:1.7}.help-banner{margin-top:18px;padding:17px 20px;display:flex;align-items:center;gap:13px;border:1px solid #d8eae7;border-radius:14px;background:linear-gradient(100deg,#eff8f6,#f8fbfb)}.help-badge{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px;background:#dcefeb;color:#258179;font-weight:700}.help-banner strong{font-size:11px}.help-banner p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.help-banner>.button{margin-left:auto;flex:none}.access-list{display:grid;gap:11px}.access-card{padding:17px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:13px}.access-device-icon{width:45px;height:45px;flex:none;display:grid;place-items:center;border-radius:14px;background:#e7f3f1;color:#21867e;font-size:25px}.access-info{flex:1;min-width:0}.access-info .eyebrow{font-size:8px;margin-bottom:6px;color:#388a7c}.access-info h3{margin-bottom:4px}.access-info p{margin:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apartment-chip{padding:8px 11px;border-radius:9px;background:#f3f6f7;color:#73838a;font-size:10px;white-space:nowrap}.apartment-chip strong{margin-left:4px;color:var(--ink)}.access-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e4f4ea;color:#379263;font-size:12px}.breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:22px;color:#839198;font-size:11px}.breadcrumbs a{color:var(--teal);font-weight:600}.detail-hero{display:flex;align-items:center;gap:17px;margin:0 0 22px}.detail-hero-icon{width:57px;height:57px;flex:none;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#dcefe9,#eaf2f4);color:var(--teal);font-size:32px}.detail-hero-copy{flex:1}.detail-hero-copy h1{margin:5px 0;font:800 28px Manrope,sans-serif;letter-spacing:-1px}.detail-hero-copy p{margin:0;color:var(--muted);font-size:12px}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.detail-columns .panel{min-width:0}.stacked-form{display:grid;gap:14px}.form-field{display:grid;gap:7px}.form-field label{font-size:11px;font-weight:700;color:#52666e}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #dce5e8;border-radius:9px;background:#fff;color:var(--ink);font:12px 'DM Sans',sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#6ab8ad;box-shadow:0 0 0 3px rgba(8,125,120,.1)}.form-field small{color:var(--muted);font-size:10px}.form-field .helptext{color:var(--muted)}.field-error{color:#bd554b;font-size:10px}.subsection-heading{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.subsection-heading h3{margin:0;font:700 13px Manrope,sans-serif}.table-wrap{margin-top:11px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:9px;color:#8a979d;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line)}.data-table td{padding:11px 9px;border-bottom:1px solid #f0f3f4;font-size:10px;white-space:nowrap}.data-table td strong,.data-table td small{display:block}.data-table td small{margin-top:3px;color:var(--muted);font-size:9px}.inline-empty{font-size:11px}.data-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.data-summary>div{padding:12px;border-radius:10px;background:#f5f8f8}.data-summary span,.data-summary strong{display:block}.data-summary span{color:var(--muted);font-size:9px}.data-summary strong{margin-top:5px;font-size:11px}.json-details{margin-top:15px;padding:13px;border:1px solid var(--line);border-radius:10px}.json-details summary{cursor:pointer;font-size:10px;font-weight:700}.json-details summary span{margin-left:5px;color:#8b989e;font-weight:400}.json-details pre{max-height:260px;overflow:auto;padding:12px;border-radius:8px;background:#f4f7f8;color:#46616a;font-size:10px;white-space:pre-wrap;word-break:break-word}.form-page-heading{max-width:660px;margin:0 auto 22px}.form-panel{max-width:760px;margin:0 auto;padding:28px}.form-panel .stacked-form{grid-template-columns:1fr 1fr;gap:17px}.form-panel .credential-field{grid-column:1/-1}.form-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:10px;background:#f0f7f6;color:#536f73}.form-note>span{color:var(--teal);font-size:17px}.form-note p{margin:0;font-size:10px;line-height:1.6}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.message-stack{display:grid;gap:8px;margin-bottom:18px}.message{padding:12px 15px;border:1px solid #dae8e5;border-radius:10px;background:#eff8f5;color:#3b7767;font-size:12px}.message-error{border-color:#f0d3cf;background:#fff2f0;color:#a84c43}.message-warning{border-color:#efe3c4;background:#fff9ea;color:#8a6c2b}.message-info{border-color:#d9e6f2;background:#f0f6fc;color:#526d88}.footer{padding:18px clamp(20px,5vw,72px);border-top:1px solid #e4ebee;display:flex;justify-content:space-between;color:#8b989e;font-size:9px;letter-spacing:.15px}.pwa-dock{position:fixed;z-index:5;right:22px;bottom:max(18px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 32px));padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce8e8;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 12px 38px rgba(14,43,53,.15);backdrop-filter:blur(14px)}.pwa-dock[hidden]{display:none}.pwa-dock-copy,.pwa-dock-actions{display:flex;align-items:center;gap:10px}.pwa-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#e4f4f1;color:var(--teal);font-size:17px}.pwa-dock-copy strong,.pwa-dock-copy small{display:block}.pwa-dock-copy strong{font-size:10px}.pwa-dock-copy small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.pwa-dock-actions{gap:6px}.auth-layout{max-width:470px;margin:34px auto}.auth-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-card h1{margin:6px 0 8px;font:800 27px Manrope,sans-serif;letter-spacing:-1px}.auth-card>p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6}.auth-card form{display:grid;gap:14px}.auth-card form p{margin:0;display:grid;gap:6px}.auth-card form label{font-size:11px;font-weight:700}.auth-card form input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #dce5e8;border-radius:9px;font:12px 'DM Sans',sans-serif}.auth-card form ul{margin:0;padding-left:18px;color:#a74e43;font-size:10px}.auth-card .auth-submit{width:100%;margin-top:4px}.auth-foot{text-align:center;margin-top:17px!important;font-size:11px!important}.auth-foot a{color:var(--teal);font-weight:700}.auth-error{margin-bottom:14px;padding:11px;border-radius:8px;background:#fff0ed;color:#a74e43;font-size:11px}@media(max-width:800px){.intercom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns{grid-template-columns:1fr}.page-content{margin-top:32px}}@media(max-width:560px){.topbar{height:64px;padding:0 16px}.top-actions{gap:9px}.user-chip>span:last-child,.top-actions .nav-link{display:none}.page-content{width:calc(100% - 28px);margin:27px auto 62px}.heading-row{align-items:flex-start;flex-direction:column}.stats-grid{gap:8px}.stat-card{min-height:83px;padding:12px 10px;gap:8px;border-radius:12px}.stat-icon{width:33px;height:33px;border-radius:10px;font-size:17px}.stat-card strong{font-size:17px}.stat-card div>span{font-size:9px}.intercom-grid{grid-template-columns:1fr}.device-visual{height:78px}.panel{padding:17px;border-radius:14px}.access-card{gap:9px;padding:12px;flex-wrap:wrap}.access-info{min-width:calc(100% - 65px)}.apartment-chip{margin-left:54px}.access-check{margin-left:auto}.detail-hero{align-items:flex-start;flex-wrap:wrap}.detail-hero-copy{min-width:calc(100% - 76px)}.detail-hero form{width:100%}.detail-hero form button{width:100%}.detail-hero-copy h1{font-size:23px}.detail-stats .stat-card{align-items:flex-start;flex-direction:column}.form-panel{padding:19px}.form-panel .stacked-form{grid-template-columns:1fr}.form-panel .credential-field,.form-note,.form-actions{grid-column:auto}.form-actions .button{flex:1}.footer{padding:15px;gap:10px;font-size:8px}.help-banner{align-items:flex-start;padding:14px}.help-banner>.button{display:none}.pwa-dock{right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);align-items:flex-start;flex-direction:column}.pwa-dock-actions{width:100%;justify-content:flex-end}.pwa-dock-copy{align-items:flex-start}.auth-layout{margin:16px auto}.auth-card{padding:23px}.data-summary{grid-template-columns:1fr 1fr}}