:root{
 --hn-bg:#f3f8fb;--hn-surface:#fff;--hn-surface-2:#f7fbfd;--hn-line:#dce9ef;
 --hn-text:#17303d;--hn-muted:#71838c;--hn-teal:#087ca8;--hn-teal-2:#0b91c4;
 --hn-teal-soft:#eaf5fa;--hn-dark:#0c2c3b;--hn-red:#c84646;--hn-amber:#b98522;
 --hn-shadow:0 18px 55px rgba(17,55,47,.08);--hn-shadow-sm:0 8px 28px rgba(17,55,47,.065);
 --hn-radius:18px;--hn-radius-lg:24px;
}
*{box-sizing:border-box}
html{background:var(--hn-bg)}
body{margin:0;color:var(--hn-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hn-admin-page{min-height:100vh;background:var(--hn-bg)}
.hn-admin-page:before{content:"";position:fixed;inset:0 0 auto;height:300px;background:radial-gradient(circle at 72% -30%,rgba(23,169,141,.12),transparent 46%);pointer-events:none}
.hn-admin-container{position:relative;width:min(100% - 36px,1240px);margin:0 auto;padding:38px 0 70px}
.hn-admin-narrow{max-width:820px}
.hn-admin-container-pro{width:100%;max-width:1540px;margin:0;padding:36px 42px 70px}

/* legacy/topbar pages */
.hn-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--hn-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hn-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.hn-brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#fff;color:var(--hn-teal);font-weight:900;overflow:hidden;border:1px solid rgba(8,124,168,.16)}.hn-brand-mark img{width:35px;height:28px;object-fit:contain;display:block}
.hn-brand strong{font-size:18px;letter-spacing:.01em}.hn-brand strong span{color:var(--hn-teal)}
.hn-brand small{display:block;color:var(--hn-muted);font-size:10px;margin-top:1px}
.hn-brand-admin strong{font-size:19px}
.hn-user,.hn-top-actions{display:flex;align-items:center;gap:14px}.hn-user strong,.hn-user small{display:block}.hn-user small{color:var(--hn-muted);font-size:11px}
.hn-logout,.hn-nav-link{padding:9px 12px;border:1px solid var(--hn-line);border-radius:10px;background:#fff;text-decoration:none;color:#566e78;font-size:12px;font-weight:750}
.hn-logout:hover,.hn-nav-link:hover{border-color:#c8d8d3;color:var(--hn-teal)}

/* app shell desktop */
.hn-app-shell{position:relative;display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}
.hn-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:23px 17px 18px;background:linear-gradient(180deg,#082f43 0%,#052433 100%);color:#fff;border-right:1px solid rgba(255,255,255,.04);z-index:60}
.hn-sidebar-brand{padding:3px 7px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.hn-sidebar-brand a{display:block}.hn-sidebar-brand img{display:block;width:164px;max-height:54px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:.96}
.hn-sidebar-brand>span{display:block;margin:7px 0 0 4px;color:rgba(255,255,255,.48);font-size:10px;font-weight:700;letter-spacing:.035em}
.hn-sidebar-nav{display:grid;gap:5px;margin-top:20px}
.hn-sidebar-nav a{display:flex;align-items:center;gap:11px;min-height:45px;padding:9px 11px;border-radius:12px;text-decoration:none;color:rgba(255,255,255,.68);font-size:13px;font-weight:720;transition:.18s ease}
.hn-sidebar-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.hn-sidebar-nav a.active{background:linear-gradient(135deg,rgba(24,181,150,.23),rgba(8,125,105,.17));color:#fff;box-shadow:inset 0 0 0 1px rgba(63,207,178,.12)}
.hn-nav-ico{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.06);font-size:13px}
.hn-sidebar-nav a.active .hn-nav-ico{background:rgba(46,210,178,.18);color:#64e3c8}
.hn-sidebar-bottom{margin-top:auto;display:grid;gap:9px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.hn-sidebar-user{display:flex;align-items:center;gap:10px;padding:9px 7px 12px}.hn-sidebar-user strong,.hn-sidebar-user small{display:block}.hn-sidebar-user strong{font-size:12px}.hn-sidebar-user small{margin-top:2px;color:rgba(255,255,255,.46);font-size:10px}
.hn-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#0b91c4,#087ca8);font-weight:900}
.hn-sidebar-logout,.hn-sidebar-secondary,.hn-sidebar-control{padding:10px 11px;border-radius:10px;text-decoration:none;font-size:11px;font-weight:720;color:rgba(255,255,255,.58)}
.hn-sidebar-logout:hover,.hn-sidebar-secondary:hover{background:rgba(255,255,255,.055);color:#fff}
.hn-sidebar-control{background:rgba(23,173,143,.13);color:#9be8d7;border:1px solid rgba(73,214,184,.12)}
.hn-app-content{min-width:0}
.hn-app-topbar{position:sticky;top:0;z-index:45;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:rgba(250,252,251,.88);border-bottom:1px solid var(--hn-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hn-app-topbar>div strong,.hn-app-topbar>div span{display:block}
.hn-topbar-kicker{color:var(--hn-muted);font-size:9px;font-weight:900;letter-spacing:.15em}.hn-app-topbar strong{margin-top:3px;font-size:13px}
.hn-topbar-site{padding:9px 12px;border:1px solid var(--hn-line);border-radius:10px;background:#fff;text-decoration:none;color:#5b6b66;font-size:11px;font-weight:750}
.hn-app-location strong{max-width:540px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* headings/buttons */
.hn-page-heading,.hn-hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}
.hn-hero-heading{padding:2px 2px 5px}
.hn-eyebrow{display:block;margin-bottom:7px;color:var(--hn-teal);font-size:9px;font-weight:950;letter-spacing:.16em}
.hn-page-heading h1,.hn-hero-heading h1{margin:0;color:var(--hn-dark);font-size:clamp(30px,3vw,44px);line-height:1.05;letter-spacing:-.045em}
.hn-page-heading p,.hn-hero-heading p{max-width:700px;margin:9px 0 0;color:var(--hn-muted);font-size:13px;line-height:1.55}
.hn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:0;border-radius:11px;font-size:12px;font-weight:850;text-decoration:none;transition:.18s ease}
.hn-btn-primary{background:linear-gradient(135deg,var(--hn-teal-2),var(--hn-teal));color:#fff;box-shadow:0 10px 24px rgba(8,125,105,.18)}
.hn-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(8,125,105,.23)}
.hn-btn-secondary{background:#fff;color:#425c67;border:1px solid #dce7e3}.hn-btn-secondary:hover{border-color:#bad1c9;color:var(--hn-teal)}
.hn-btn-light{background:#fff;color:#17333f}.hn-full-btn{width:100%}

/* stats */
.hn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:27px}
.hn-stats-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.hn-stats article{position:relative;overflow:hidden;padding:19px;background:#fff;border:1px solid var(--hn-line);border-radius:var(--hn-radius);box-shadow:var(--hn-shadow-sm)}
.hn-stats article:after{content:"";position:absolute;width:80px;height:80px;right:-28px;top:-31px;border-radius:50%;background:rgba(8,125,105,.055)}
.hn-stats span,.hn-stats strong,.hn-stats small{display:block}.hn-stats span{color:var(--hn-muted);font-size:10px;font-weight:800}.hn-stats strong{margin-top:8px;color:#15303b;font-size:29px;letter-spacing:-.04em}.hn-stats small{margin-top:5px;color:#9aa5a1;font-size:9px}
.hn-stat-label{text-transform:uppercase;letter-spacing:.08em}
.hn-stat-ok{border-left:3px solid #169fd0!important}.hn-stat-debt{border-left:3px solid #c58a20!important}.hn-stat-off{border-left:3px solid #be4646!important}.hn-stat-review{border-left:3px solid #647d86!important}

/* sections/cards */
.hn-section,.hn-card-block,.hn-form-card{background:#fff;border:1px solid var(--hn-line);border-radius:var(--hn-radius-lg);box-shadow:var(--hn-shadow-sm)}
.hn-section{padding:23px}.hn-section-pro{padding:25px}
.hn-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.hn-section-title h2{margin:0;font-size:20px;letter-spacing:-.025em}.hn-section-title p{margin:5px 0 0;color:var(--hn-muted);font-size:11px}
.hn-text-link{color:var(--hn-teal);font-size:11px;font-weight:850;text-decoration:none}
.hn-empty{padding:48px 20px;text-align:center;border:1px dashed #dbe6e2;border-radius:16px;background:#fbfdfc}.hn-empty-icon{font-size:28px}.hn-empty h3{margin:12px 0 5px}.hn-empty p{margin:0;color:var(--hn-muted);font-size:12px}

/* complex cards */
.hn-complex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.hn-complex-card{display:flex;flex-direction:column;min-height:220px;padding:18px;background:#fff;border:1px solid var(--hn-line);border-radius:17px}
.hn-complex-card-pro{padding:19px;transition:.2s ease}.hn-complex-card-pro:hover{transform:translateY(-2px);box-shadow:var(--hn-shadow);border-color:#cfe0da}
.hn-complex-card-top{display:flex;align-items:center;justify-content:space-between}.hn-complex-id{color:#a4afab;font-size:9px;font-weight:800}
.hn-status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 8px;border-radius:999px;background:#eaf6fb;color:#087ca8;font-size:9px;font-weight:900}.hn-status i{width:6px;height:6px;border-radius:50%;background:#169fd0}.hn-status-off{background:#f5ecec;color:#a84b4b}
.hn-complex-card-main{margin-top:15px}.hn-complex-card h3{margin:0;font-size:18px;letter-spacing:-.02em}.hn-complex-card p{margin:6px 0 0;color:var(--hn-muted);font-size:11px}
.hn-complex-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:17px 0}.hn-complex-numbers-3{grid-template-columns:repeat(3,1fr)}
.hn-complex-numbers span{padding:10px;border-radius:11px;background:#f5f9f7}.hn-complex-numbers strong,.hn-complex-numbers small{display:block}.hn-complex-numbers strong{font-size:15px}.hn-complex-numbers small{margin-top:2px;color:#899590;font-size:9px}
.hn-card-action{margin-top:auto}.hn-card-action .hn-btn{width:100%}

/* dashboard */
.hn-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}
.hn-dashboard-side{display:grid;align-content:start;gap:15px}
.hn-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hn-module-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:85px;padding:14px;border:1px solid var(--hn-line);border-radius:14px;background:#fff;text-decoration:none;transition:.18s ease}
.hn-module-card:hover{transform:translateY(-1px);border-color:#c7dbd4;box-shadow:var(--hn-shadow-sm)}
.hn-module-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--hn-teal-soft);color:var(--hn-teal);font-size:17px;font-weight:900}
.hn-module-card strong,.hn-module-card small{display:block}.hn-module-card strong{font-size:12px}.hn-module-card small{margin-top:4px;color:var(--hn-muted);font-size:9.5px;line-height:1.4}.hn-module-card>b{color:#9ba7a3}
.hn-side-panel{padding:20px;background:#fff;border:1px solid var(--hn-line);border-radius:19px;box-shadow:var(--hn-shadow-sm)}.hn-side-panel h3{margin:0;font-size:18px}.hn-side-panel>p{color:var(--hn-muted);font-size:11px;line-height:1.5}
.hn-side-status-list{display:grid;gap:10px;margin:17px 0}.hn-side-status-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f0}.hn-side-status-list span{display:flex;align-items:center;gap:8px;color:#58717c;font-size:11px}.hn-side-status-list strong{font-size:17px}.hn-side-status-list i{width:8px;height:8px;border-radius:50%}.hn-side-status-list i.ok{background:#169fd0}.hn-side-status-list i.bad{background:#c98c22}
.hn-side-panel-dark{background:linear-gradient(145deg,#173643,#0d6f5e);color:#fff;border:0}.hn-side-panel-dark .hn-eyebrow{color:#8ee2d1}.hn-side-panel-dark p{color:rgba(255,255,255,.64)}

/* switcher */
.hn-complex-switcher{position:relative}.hn-complex-switcher summary{list-style:none;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--hn-line);border-radius:10px;background:#fff;color:#526b76;font-size:11px;font-weight:800;cursor:pointer}.hn-complex-switcher summary::-webkit-details-marker{display:none}.hn-switcher-dot{width:7px;height:7px;border-radius:50%;background:#169fd0}
.hn-switcher-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:250px;padding:8px;background:#fff;border:1px solid var(--hn-line);border-radius:13px;box-shadow:0 18px 50px rgba(15,46,39,.16)}.hn-switcher-menu form{margin:0}.hn-switcher-menu button,.hn-switcher-menu a{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;text-align:left;text-decoration:none;color:#425b66;font-size:11px}.hn-switcher-menu button:hover,.hn-switcher-menu a:hover{background:#f0f7f5}.hn-switcher-menu button:disabled{opacity:.45}

/* forms */
.hn-form-card{padding:25px}.hn-form-section+ .hn-form-section{margin-top:24px;padding-top:24px;border-top:1px solid #eaf0ee}.hn-form-section h2{margin:0 0 16px;font-size:18px}
.hn-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.hn-field-wide{grid-column:1/-1}
.hn-field{display:grid;gap:6px}.hn-field>span{color:#4f6974;font-size:10px;font-weight:850}.hn-field input,.hn-field select,.hn-field textarea,.hn-filter-select,.hn-search-box input,.hn-history-search input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #d7e3df;border-radius:11px;background:#fff;color:#233d48;outline:none;transition:.15s ease}.hn-field textarea{min-height:105px;resize:vertical}.hn-field input:focus,.hn-field select:focus,.hn-field textarea:focus,.hn-search-box input:focus{border-color:#7bbbd3;box-shadow:0 0 0 3px rgba(8,125,105,.08)}.hn-field small,.hn-form-hint{color:#87948f;font-size:9.5px;line-height:1.4}
.hn-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #eaf0ee}
.hn-check-row{display:flex;align-items:flex-start;gap:10px;padding:11px;border-radius:11px;background:#f7faf9}.hn-check-row input{margin-top:2px;accent-color:var(--hn-teal)}
.hn-card-block{padding:21px}.hn-card-block+ .hn-card-block{margin-top:14px}.hn-card-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hn-side-note,.hn-inline-empty,.hn-credential-note,.hn-limit-note{padding:12px 14px;border-radius:12px;background:#f3f8f6;color:#65736f;font-size:10.5px;line-height:1.45}

/* tables/filter */
.hn-filter-bar,.hn-history-filters,.hn-audit-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:end;margin-bottom:15px;padding:13px;background:#fff;border:1px solid var(--hn-line);border-radius:14px}.hn-filter-bar-small{padding:10px}
.hn-search-box,.hn-history-search{flex:1 1 260px}.hn-clear-filter{padding:10px 12px;color:var(--hn-muted);font-size:10px;text-decoration:none}
.hn-table-wrap{overflow:auto;background:#fff;border:1px solid var(--hn-line);border-radius:17px;box-shadow:var(--hn-shadow-sm)}
.hn-table{width:100%;border-collapse:collapse;min-width:720px}.hn-table th{padding:12px 14px;background:#f7faf9;border-bottom:1px solid var(--hn-line);color:#7b8984;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.07em}.hn-table td{padding:13px 14px;border-bottom:1px solid #edf2f0;color:#425a65;font-size:11px;vertical-align:middle}.hn-table tr:last-child td{border-bottom:0}.hn-table tbody tr:hover{background:#fbfdfc}
.hn-table-action,.hn-row-action{color:var(--hn-teal);font-size:10px;font-weight:800;text-decoration:none}

/* lists and feature cards */
.hn-resident-list,.hn-amenity-grid,.hn-integration-grid{display:grid;gap:12px}.hn-resident-row,.hn-amenity-card,.hn-integration-card{padding:16px;border:1px solid var(--hn-line);border-radius:15px;background:#fff;box-shadow:var(--hn-shadow-sm)}
.hn-amenity-grid,.hn-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-amenity-card-head{display:flex;justify-content:space-between;gap:12px}.hn-amenity-meta,.hn-integration-meta{color:var(--hn-muted);font-size:10px}.hn-amenity-code,.hn-integration-type,.hn-role-pill,.hn-count-pill,.hn-access-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf6f3;color:var(--hn-teal);font-size:9px;font-weight:850}
.hn-card-actions-inline,.hn-sync-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* state/history */
.hn-mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hn-mini-stat{padding:14px;border:1px solid var(--hn-line);border-radius:13px}.hn-mini-stat span,.hn-mini-stat strong{display:block}.hn-mini-stat span{color:var(--hn-muted);font-size:10px}.hn-mini-stat strong{margin-top:5px;font-size:21px}.hn-mini-stat-ok{border-left:3px solid #169fd0}.hn-mini-stat-bad{border-left:3px solid #c98c22}
.hn-history{display:grid;gap:12px}.hn-history>article{position:relative;padding:14px 14px 14px 34px;background:#fff;border:1px solid var(--hn-line);border-radius:14px}.hn-history-dot{position:absolute;left:15px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--hn-teal)}
.hn-current-state,.hn-unit-state{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef5f3;font-size:9px;font-weight:900}

/* alerts */
.hn-alert{margin-bottom:16px;padding:12px 14px;border-radius:12px;font-size:11px;font-weight:650}.hn-alert-success{background:#e8f6f0;color:#1f6077;border:1px solid #d8edf5}.hn-alert-error{background:#fff0f0;color:#8d3e3e;border:1px solid #f0d5d5}

/* login */
.hn-login-page{min-height:100vh;background:#f2f6f4}
.hn-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);align-items:stretch}
.hn-login-shell:before{content:"";display:block;background:
 radial-gradient(circle at 20% 12%,rgba(46,207,176,.16),transparent 33%),
 linear-gradient(145deg,#112f3b 0%,#064e6c 100%)}
.hn-login-shell>.hn-brand{position:absolute;left:48px;top:42px;z-index:2;color:#fff}.hn-login-shell>.hn-brand .hn-brand-mark{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.hn-login-shell>.hn-brand strong{color:#fff}.hn-login-shell>.hn-brand strong span{color:#77e1cc}.hn-login-shell>.hn-brand small{color:rgba(255,255,255,.55)}
.hn-login-card{align-self:center;width:min(100% - 60px,460px);margin:40px auto;padding:34px;background:#fff;border:1px solid var(--hn-line);border-radius:25px;box-shadow:0 30px 90px rgba(18,55,47,.12)}
.hn-login-heading h1{margin:0;font-size:34px;letter-spacing:-.045em}.hn-login-heading p{margin:8px 0 24px;color:var(--hn-muted);font-size:12px}.hn-login-card form{display:grid;gap:14px}.hn-login-card .hn-btn{width:100%;min-height:48px;margin-top:3px}.hn-login-help{display:block;margin-top:16px;text-align:center;color:var(--hn-teal);font-size:11px;font-weight:800;text-decoration:none}.hn-login-footer{position:absolute;right:34px;bottom:20px;color:#99a5a1;font-size:9px}
.hn-remember-row{display:flex;align-items:flex-start;gap:9px;margin:-1px 0 2px;color:#5e6d68;font-size:10.5px;cursor:pointer}.hn-remember-row input{margin-top:2px;accent-color:var(--hn-teal)}.hn-remember-row strong,.hn-remember-row small{display:block}.hn-remember-row small{margin-top:2px;color:#95a09c;font-size:9px}

/* responsive */
@media(max-width:1180px){
 .hn-app-shell{grid-template-columns:220px minmax(0,1fr)}
 .hn-sidebar{padding-left:13px;padding-right:13px}
 .hn-admin-container-pro{padding-left:28px;padding-right:28px}
 .hn-app-topbar{padding-left:28px;padding-right:28px}
 .hn-dashboard-grid{grid-template-columns:1fr}
 .hn-dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hn-complex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hn-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
 .hn-app-shell{display:block}.hn-sidebar{position:relative;height:auto;padding:14px}.hn-sidebar-brand{padding-bottom:13px}.hn-sidebar-brand img{width:140px}.hn-sidebar-nav{display:flex;overflow:auto;margin-top:12px;padding-bottom:3px}.hn-sidebar-nav a{white-space:nowrap}.hn-sidebar-bottom{display:none}
 .hn-app-topbar{position:relative;height:62px;padding:0 16px}
 .hn-admin-container,.hn-admin-container-pro{width:100%;padding:22px 14px 55px}
 .hn-hero-heading,.hn-page-heading{align-items:flex-start;flex-direction:column}.hn-hero-heading .hn-btn,.hn-page-heading .hn-btn{width:100%}
 .hn-stats,.hn-stats-5{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hn-complex-grid,.hn-module-grid,.hn-amenity-grid,.hn-integration-grid,.hn-dashboard-side{grid-template-columns:1fr}
 .hn-form-grid{grid-template-columns:1fr}
 .hn-login-shell{display:flex;min-height:100vh;padding:86px 16px 50px}.hn-login-shell:before{position:fixed;inset:0;height:220px;z-index:0}.hn-login-shell>.hn-brand{left:22px;top:24px}.hn-login-card{position:relative;z-index:1;width:100%;margin:auto;padding:25px}.hn-login-footer{display:none}
}
@media(max-width:480px){
 .hn-stats,.hn-stats-5{grid-template-columns:1fr 1fr;gap:9px}.hn-stats article{padding:14px}.hn-stats strong{font-size:24px}
 .hn-topbar{padding:0 13px}.hn-user>div{display:none}
 .hn-table{min-width:640px}
}