:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif;color:#253631;background:#f5f7f6;font-synthesis:none;font-size:14px;line-height:1.6;--green:#265c50;--ink:#233a32;--muted:#79867f;--border:#e3e9e5;--cream:#f5f7f6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:29px;line-height:1.45;font-weight:650}h2{font-size:19px;line-height:1.5;font-weight:650}h3{font-size:14px;font-weight:650}small{font-size:11px}button:focus-visible,a:focus-visible{outline:3px solid #65a28b;outline-offset:4px}input:focus,select:focus{outline:none;border-color:#4e8a76!important;box-shadow:0 0 0 3px #edf5f0}input:read-only{background:#f6f8f6;color:#6f7d75}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;color:#83958b;display:block;margin-bottom:8px}.button{border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;font-size:12px;font-weight:550;min-height:41px;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:#174a3f}.button:active{transform:translateY(1px)}.button.secondary{background:#fff;border-color:#dce5df;color:#364b40}.button.secondary:hover{background:#f4f8f5}.button.danger{background:#a64135;border-color:#a64135}.button.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--green);font-size:12px;font-weight:550;padding:5px 0}.text-button:hover{text-decoration:underline}.icon-button{border:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:7px;border-radius:7px;color:#718078}.icon-button:hover{background:#edf2ee}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:650;letter-spacing:-.045em;line-height:1.3;color:#244f42}.brand-symbol{background:#2d5e50;width:37px;height:39px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.brand-symbol svg{width:24px;height:24px;stroke-width:1.6}.brand-small{font-size:10px;letter-spacing:.07em;font-weight:400;color:#819087;display:block;margin-top:4px}.brand-button{border:0;background:transparent;padding:0;text-align:left}.sidebar{width:237px;position:fixed;top:0;bottom:0;left:0;background:#fff;border-right:1px solid var(--border);z-index:30;display:flex;flex-direction:column;padding:30px 20px 0}.site-picker{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#fafcf9;border-radius:7px;padding:11px 10px;font-size:12px;margin:31px 0 27px}.site-picker>span{flex:1}.site-picker small{display:block;color:#8c988f;font-size:10px;margin-top:2px}.site-picker>svg{color:#7d8b83;flex-shrink:0}.nav-label{font-size:10px;color:#99a29c;letter-spacing:.12em;margin:0 12px 12px}nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto;padding:0 0 15px}nav button{display:flex;align-items:center;gap:12px;font-size:12px;color:#78847d;border:0;background:transparent;text-align:left;min-height:42px;border-radius:6px;padding:10px 12px;white-space:nowrap}nav button:hover{background:#f4f7f5}nav button.active{color:#285d4d;background:#edf4ef;font-weight:600}nav svg{stroke-width:1.6}.nav-count{background:#dde9e1;border-radius:4px;font-size:10px;padding:0 6px;margin-left:auto}.sidebar-bottom{margin-top:auto}.environment{display:flex;gap:9px;align-items:flex-start;padding:16px 11px;font-size:10px;border-top:1px solid var(--border)}.status-dot{display:inline-block;height:6px;width:6px;background:#4c9774;border-radius:50%;margin-top:5px;flex-shrink:0}.status-dot.offline{background:#cb8d46}.environment small{display:block;font-size:9px;color:#a0aaa3;margin-top:2px}.user-card{display:flex;align-items:center;gap:9px;padding:18px 0;border-top:1px solid var(--border);font-size:11px}.user-card>span:nth-child(2){flex:1}.user-card small{display:block;font-size:9px;color:#8f9b93}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e6eae3;color:#596e59;font-size:12px;min-width:32px;height:32px}.main-wrap{margin-left:237px;min-width:0}.topbar{height:69px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:0 37px;background:#fff}.breadcrumb{display:flex;align-items:center;gap:12px;color:#97a198;font-size:11px}.breadcrumb b{color:#596c60;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:17px;font-size:11px}.top-date{color:#89948c}.demo-tag{background:#f4eee2;color:#9b7a43;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.08em}.mobile-menu{display:none}main{max-width:1640px;margin:auto;padding:33px 37px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.page-heading p{font-size:12px;color:#859187;margin-top:8px}.demo-notice{display:flex;align-items:center;gap:7px;color:#8f866e;font-size:10px;margin-bottom:23px}.demo-notice svg{stroke-width:1.6}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:18px 21px 16px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 2px 3px #1c3b2902}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#78877d}.stat-icon{display:flex;align-items:center;justify-content:center;background:#edf4ef;border-radius:7px;width:31px;height:31px;color:#65947c}.stat-icon svg{width:16px;stroke-width:1.65}.stat-value{font-size:32px;line-height:1.2;font-weight:550;letter-spacing:-.06em;margin:14px 0 10px;color:#315b48}.stat-value small{font-size:15px;font-weight:400;color:#9ba89e;margin-left:8px;letter-spacing:0}.stat-detail{font-size:10px;color:#99a39a}.stat-card.amber .stat-icon{background:#fcf3e5;color:#be975d}.stat-card.amber .stat-value{color:#967747}.stat-card.blue .stat-icon{background:#edf2fa;color:#6f87ae}.stat-card.blue .stat-value{color:#637ea2}.stat-card.neutral .stat-icon{background:#f2f4f1;color:#8a968a}.stat-card.neutral .stat-value{color:#526452;font-size:26px;line-height:38px}.card{border:1px solid var(--border);border-radius:10px;background:#fff;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #22433102}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-title .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:5px}.section-title h2{font-size:16px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:23px}.overview-grid .card{margin-bottom:0}.overview-side{display:flex;flex-direction:column;gap:20px}.overview-grid{margin-bottom:24px}.map-legend{display:flex;gap:17px;align-items:center;font-size:9px;color:#839087;margin-bottom:15px}.map-legend>span{display:flex;align-items:center;gap:5px}.map-legend i{width:6px;height:6px;border-radius:50%;background:#d2d9d2}.map-legend i.free{background:#77a58a}.map-legend i.occupied{background:#d4af77}.map-legend i.unknown{background:#b2bdc8}.map-caption{margin-left:auto}.parking-map{background:#f8faf8;border:1px solid #edf0eb;border-radius:8px;padding:19px 18px 10px}.floor-row{display:flex;gap:18px;margin-bottom:13px;align-items:center}.floor-label{width:56px;flex-shrink:0}.floor-label b{font-size:19px;font-weight:500;color:#536957;line-height:1.2}.floor-label span{display:block;font-size:8px;color:#9aa79a;margin-top:4px;white-space:nowrap}.floor-bays{display:grid;grid-template-columns:1fr 1fr;gap:11px;flex:1}.bay{position:relative;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;border-radius:4px;border:1px solid #d6e7d8;background:#eef5ef;color:#6e9a7b;padding:9px 11px 12px;transition:transform .15s;overflow:hidden}.bay:hover:enabled{transform:translateY(-2px);box-shadow:0 3px 8px #1b4b3310}.bay:disabled{opacity:1;cursor:default}.bay-top{display:flex;justify-content:space-between;align-items:center;width:100%}.bay-top strong{font-size:9px;font-weight:500;letter-spacing:.05em}.bay-caption{font-size:9px;font-weight:500;letter-spacing:.03em}.bay-line{height:2px;background:currentColor;opacity:.3;position:absolute;bottom:0;left:23%;right:23%}.bay.occupied{background:#faf4e8;border-color:#edddbf;color:#b39a6d}.bay.unknown,.bay.disabled{background:#f0f3f5;border-color:#dfe5e8;color:#94a3ae}.bay.mine{box-shadow:inset 0 0 0 2px #4f8e73;border-color:#4f8e73;background:#e9f3ea;color:#4f8e73}.bay .car-drawing{height:42px;width:100%;max-width:115px}.bay-symbol{font-size:28px;font-weight:350;line-height:1;color:#94b99c}.bay.unknown .bay-symbol{color:#bec8cb}.driveway{margin:13px 0 0 73px;display:flex;align-items:center;gap:10px;border-top:1px dashed #dce5dc;padding-top:9px;color:#a5afa5;font-size:8px}.driveway svg{width:12px}.lane-dashes{flex:1;border-top:2px dashed #e3e9e1}.capacity-row{padding:10px 0 7px}.capacity-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.capacity-row b{font-weight:550;color:#627262}.capacity-row span{color:#8c998e}.capacity-track{display:flex;gap:5px;height:5px}.capacity-track i{flex:1;background:#edf1ef;border-radius:3px}.capacity-track i.occupied{background:#c9ab79}.capacity-track i.free{background:#84aa8e}.capacity-track i.unknown{background:#cbd5d9}.floor-summary .small{font-size:9px;margin-top:18px}.floor-summary.card{padding:23px}.attention-card{background:#eaf0e9;border:1px solid #e0e8dc;padding:22px 24px;border-radius:9px;flex:1}.attention-icon{display:block;color:#829b7b;margin-bottom:10px}.attention-card h3{font-size:14px;color:#526d4d;margin-bottom:7px}.attention-card p{font-size:10px;line-height:1.85;color:#7d8e77;max-width:310px}.attention-card button{margin-top:13px;color:#657e5d;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:normal}th{font-weight:500;color:#99a59b;background:#fafcf9;font-size:10px;padding:11px 13px;border-bottom:1px solid #e7ede6;white-space:nowrap}td{padding:15px 13px;border-bottom:1px solid #eef1ed;vertical-align:middle;line-height:1.5}tbody tr:last-child td{border-bottom:0}td b{font-weight:550}.cell-sub{display:block;font-size:9px;color:#9ca59e;margin-top:5px;white-space:nowrap}.plate{font-family:ui-monospace,SFMono-Regular,Courier New,monospace;background:#fff8df;border:1px solid #e5d9ad;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:650;letter-spacing:.08em;color:#665b39;display:inline-block;white-space:nowrap;box-shadow:inset 0 0 0 2px #fffcf3}.location{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#6e8174}.location svg{color:#9eafa0}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;background:#f0f3f0;border-radius:5px;padding:4px 7px;color:#8b978c;line-height:1.3}.badge i{display:block;width:4px;height:4px;background:currentColor;border-radius:50%}.badge.free,.badge.success{background:#edf5ed;color:#719676}.badge.occupied{background:#fbf3e5;color:#b59a68}.badge.unknown,.badge.disabled{background:#f0f3f5;color:#9aa7b0}.badge.pending{background:#f8f0df;color:#b39b5f}.badge.failed{background:#f9eae6;color:#b36f5f}.badge.resolved{background:#edf3ef;color:#819485}.row-actions{display:flex;gap:9px;white-space:nowrap}.row-actions button{font-size:10px;padding:3px 0;color:#67917d;border:0;background:transparent}.row-actions button:hover{text-decoration:underline}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a1aba3;padding:6px 0 25px}.notice{display:flex;align-items:flex-start;gap:10px;background:#f0f5f1;border:1px solid #e0e9e2;color:#7e9282;border-radius:7px;font-size:12px;padding:15px 17px;margin-bottom:22px;line-height:1.8}.notice>svg{flex-shrink:0;margin-top:2px}.notice.error{background:#fff2ea;color:#b17a50;border-color:#f0dfd0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:25px;gap:11px;color:#a2aea5;text-align:center}.empty p{font-size:12px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e2e8e2;border-radius:6px;padding:7px 10px;color:#a0aca2;max-width:260px;width:100%}.search-box input{border:0;background:transparent;min-width:0;width:100%;font-size:10px;box-shadow:none!important;color:#405647}.search-box input::placeholder{color:#a0aca2}.camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.camera-card.card{padding:0;overflow:hidden;margin:0}.camera-preview{height:177px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9efeb;color:#a1b0a6;gap:8px}.camera-preview span:not(.camera-location){font-size:11px}.camera-preview small{font-size:9px;color:#aeb9b0}.camera-location{position:absolute;left:12px;top:12px;background:#fff9;color:#6f8474;padding:2px 7px;border-radius:4px;font-size:9px}.camera-preview img{width:100%;height:100%;object-fit:contain}.camera-content{padding:18px}.camera-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:11px}.camera-heading h3{font-size:12px}.camera-content p{font-size:10px}.camera-actions{display:flex;justify-content:space-between;margin-top:18px;padding-top:12px;border-top:1px solid var(--border)}.camera-actions button{font-size:10px}.review-row{display:flex;align-items:center;gap:18px;border-top:1px solid var(--border);padding:23px 0}.review-row>div{flex:1}.review-icon{color:#b69e6a;background:#faf3e4;padding:12px;border-radius:9px;display:flex}.review-title{display:flex;gap:15px;align-items:center}.review-row p{font-size:12px;color:#8d9a91;margin:8px 0}.review-row small{font-size:10px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell .avatar{height:28px;min-width:28px;font-size:10px}.audit-list{padding:0 8px}.audit-row{display:flex;gap:20px;padding:0 0 22px;position:relative}.audit-row:not(:last-child):before{content:"";position:absolute;left:4px;top:15px;bottom:0;width:1px;background:#e7ece6}.audit-dot{width:9px;height:9px;background:#a4baaa;border-radius:50%;flex-shrink:0;margin-top:7px;border:2px solid #eaf2ec}.audit-row b{font-weight:550;font-size:12px}.audit-row p{font-size:11px;color:#8d9a91;word-break:break-word;line-height:1.8;margin:5px 0}.audit-row small{font-size:9px;color:#aab4ac}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.field{display:block;margin-bottom:17px}.field>span{font-size:11px;display:block;color:#667d6d;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #dce5de;border-radius:6px;padding:10px 11px;background:#fff;min-height:42px;color:#394e40;font-size:12px}.field small{display:block;color:#9aa89f;font-size:10px;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.form-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:20px;margin-top:10px}.settings-grid .muted{margin-bottom:18px}.test-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e7efe7;border:1px solid #dce8dc;padding:35px;border-radius:10px;margin-bottom:24px}.test-hero h2{font-size:26px;color:#3a6047;margin:12px 0}.test-hero p{font-size:12px;color:#7e9481;line-height:1.9;margin-bottom:23px}.test-hero-icon{color:#b2c8b4;stroke-width:.8;margin-right:40px}.check-row{display:flex;gap:14px;align-items:center;padding:19px 0;border-top:1px solid var(--border)}.check-row>div{flex:1}.check-row h3{font-size:12px}.check-row p{font-size:11px;color:#92a096;margin-top:4px}.check-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:#edf4ed;color:#8aa28a;flex-shrink:0}.check-icon.waiting{background:#f9f2e5;color:#b8a075}.test-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:20px 0}.test-paths svg{color:#8da594;margin-bottom:10px}.test-paths h3{font-size:13px;margin-bottom:5px}.test-paths p{font-size:11px;color:#98a59c;line-height:1.9}.modal-backdrop{position:fixed;inset:0;background:#142e255e;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;border:1px solid #dce8df;border-radius:12px;box-shadow:0 25px 80px #102b2533;padding:27px;width:490px;max-height:90vh;overflow:auto}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal header h2{font-size:19px}.modal>.muted{font-size:12px;margin-bottom:20px;line-height:1.9}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:120;background:#284e40;color:#fff;padding:15px 18px;border-radius:9px;box-shadow:0 8px 30px #14322630;font-size:12px;display:flex;align-items:center;gap:22px;max-width:min(620px,calc(100vw - 35px));width:max-content}.toast button{border:0;background:transparent;color:#d6e4da;display:flex;padding:2px}.login-page{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fff}.login-story{background:#e5ede1;padding:48px 58px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story .brand{font-size:29px}.login-story h1{font-size:55px;font-weight:450;line-height:1.45;color:#36593c;letter-spacing:-.05em;margin:15px 0}.login-story p{color:#8a9e84;font-size:14px;line-height:2}.login-credit{font-size:10px;color:#8fa086;letter-spacing:.08em}.login-parking{display:flex;gap:17px;margin:40px 0 20px;transform:rotate(-7deg)}.mini-bay{width:150px;height:135px;border-left:2px solid #acc2a1;border-right:2px solid #acc2a1;border-top:2px solid #acc2a1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#95ae8e;padding:8px}.mini-bay>span,.mini-bay small{font-size:9px;margin-top:8px;color:#9eb394;letter-spacing:.12em}.mini-bay.empty-mini>span{font-size:55px;line-height:1;font-weight:250}.mini-bay .car-drawing{height:60px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:360px}.login-form h2{font-size:31px;margin:10px 0}.login-form>.muted{font-size:12px;margin-bottom:30px}.login-form .field{margin-bottom:22px}.login-form .field input{min-height:46px}.login-form .notice{font-size:10px;padding:12px}.login-button{width:100%;min-height:46px;justify-content:space-between}.divider-label{display:flex;align-items:center;gap:14px;font-size:10px;color:#a4aea4;margin:28px 0 16px}.divider-label:before,.divider-label:after{content:"";height:1px;background:#e8ede7;flex:1}.demo-accounts{display:flex;gap:10px}.demo-accounts button{display:flex;align-items:center;gap:9px;text-align:left;background:#fafcf9;border:1px solid #e2e9df;border-radius:7px;flex:1;padding:13px 9px;color:#7d927b;font-size:11px}.demo-accounts button>span{flex:1}.demo-accounts small{font-size:8px;color:#a2aea0;display:block;white-space:nowrap;margin-top:2px}.demo-accounts button>svg{flex-shrink:0}.demo-accounts button:hover{background:#edf4e9}.login-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px;font-size:10px;color:#a6b0a5}.loading-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#70917b}.resident-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;align-items:stretch}.resident-current{padding:29px;background:#e7eee3;border:1px solid #dbe5d6;border-radius:11px}.resident-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.resident-card-top .eyebrow{margin:0}.resident-current>.plate{font-size:22px;padding:7px 16px;background:#fff8e5}.resident-model{font-size:12px;color:#8a9e83;margin-top:7px}.resident-location{display:flex;align-items:center;gap:13px;margin:28px 0;color:#70926d}.resident-location small{display:block;font-size:10px;color:#91a38a}.resident-location strong{font-size:34px;line-height:1.5;font-weight:500;letter-spacing:-.04em;color:#3e683c}.resident-time{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #d4dfce;border-bottom:1px solid #d4dfce;padding:20px 0}.resident-time>div{display:flex;gap:10px;color:#869d80;align-items:flex-start}.resident-time svg{flex-shrink:0;margin-top:4px}.resident-time span{font-size:10px}.resident-time strong{display:block;font-size:12px;font-weight:500;color:#5f7b56;margin-top:3px}.resident-bill{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;color:#6a8361;font-size:11px}.resident-bill small{display:block;font-size:9px;color:#99ab90;margin-top:4px}.resident-bill b{font-weight:500;font-size:29px;color:#47693e;letter-spacing:-.05em}.resident-fine{text-align:center;color:#9aaa93;margin-top:12px;font-size:9px}.resident-map.card{margin:0}.resident-map .parking-map{padding:25px 19px 16px}.resident-map .bay{height:112px}.resident-map>.muted{margin-top:16px;font-size:10px}.resident-select{max-width:300px}.grace{display:flex;gap:6px;align-items:center;color:#6d8e62;font-size:11px;margin-bottom:15px}.tariff-card{display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:26px;align-items:center}.tariff-card h2{font-size:16px}.tariff-card p{font-size:10px;color:#99a799;margin-top:5px}.tariff-card small{font-size:10px;color:#8e9f8f;display:block}.tariff-card b{font-size:20px;font-weight:500;color:#617960}.tariff-card b span{font-size:11px;color:#9dac9b}.resident-welcome{text-align:center;padding:60px 20px}.resident-welcome>svg{color:#9ab397}.resident-welcome h2{margin:20px 0 10px}.resident-welcome button{margin-top:25px}@media(min-width:1550px){main{padding:40px 48px 0}.topbar{padding:0 48px}.overview-grid{grid-template-columns:1.7fr 1fr}.bay{height:121px}.floor-row{margin-bottom:16px}.stat-card{padding:23px 25px}.stat-value{font-size:38px}.card{padding:28px}.capacity-row{padding:15px 0 12px}.attention-card p,.attention-card button{font-size:12px}}@media(max-width:1150px){.sidebar{width:215px;padding:26px 16px 0}.main-wrap{margin-left:215px}main{padding:27px 24px 0}.topbar{padding:0 24px}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-value{font-size:29px}.stat-card.neutral .stat-value{font-size:22px}.overview-grid{grid-template-columns:1.5fr 1fr;gap:16px}.card{padding:19px}.floor-row{gap:12px}.floor-label{width:43px}.parking-map{padding:16px 11px 10px}.bay{padding:8px 6px 12px}.driveway{margin-left:55px}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{flex-wrap:wrap}.settings-grid{gap:16px}.login-story{padding:35px}.login-story h1{font-size:46px}.login-parking{gap:10px}.mini-bay{width:120px}.resident-grid{grid-template-columns:1fr 1fr;gap:15px}.resident-time{grid-template-columns:1fr}.resident-map .bay{height:110px}}@media(max-width:900px){.overview-grid{grid-template-columns:1fr}.overview-side{display:grid;grid-template-columns:1fr 1fr;gap:17px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid,.resident-grid{grid-template-columns:1fr}.resident-time,.tariff-card{grid-template-columns:1fr 1fr}.tariff-card>div:first-child{grid-column:span 2}.top-date{display:none}.login-story{padding:28px}.login-story h1{font-size:37px}.login-form-wrap{padding:25px}.mini-bay{width:100px}.demo-accounts{flex-direction:column}.test-hero-icon{width:80px;margin:0}.test-paths{gap:15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}}@media(max-width:680px){.sidebar{transform:translate(-100%);transition:transform .2s;width:238px}.sidebar.open{transform:translate(0)}.main-wrap{margin-left:0}.mobile-menu{display:flex}.topbar{height:59px;padding:0 17px}.breadcrumb{gap:7px;font-size:10px}.topbar-actions{gap:10px}main{padding:25px 17px 0}.page-heading{gap:15px;flex-wrap:wrap;margin-bottom:13px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;margin-top:7px;line-height:1.8}.page-heading>.button{padding:8px 12px;font-size:10px;min-height:36px}.eyebrow{font-size:9px}.demo-notice{font-size:9px;align-items:flex-start;margin-bottom:19px;gap:6px;line-height:1.7}.demo-notice svg{flex-shrink:0;margin-top:2px}.stats-grid{gap:11px;margin-bottom:18px}.stats-grid.three{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-top{font-size:10px}.stat-value{font-size:31px;margin:12px 0 8px}.stat-card.neutral .stat-value{font-size:23px}.stat-detail{font-size:9px}.stat-icon{width:26px;height:26px}.card{padding:18px;margin-bottom:18px}.section-title{gap:12px;margin-bottom:17px}.section-title h2{font-size:15px}.section-title .text-button{font-size:10px}.overview-grid{margin-bottom:18px}.overview-side{grid-template-columns:1fr 1fr;gap:11px}.floor-summary.card,.attention-card{padding:16px}.attention-card p{font-size:9px}.attention-card h3{font-size:12px}.attention-card button{font-size:9px}.floor-label{width:40px}.floor-label b{font-size:17px}.floor-label span{font-size:7px}.floor-row,.floor-bays{gap:9px}.bay{height:103px}.bay-top strong,.bay-caption{font-size:9px}.parking-map{padding:15px 10px 8px}.bay .car-drawing{max-width:105px}.driveway{margin-left:49px}.map-legend{font-size:8px;gap:12px}.map-caption{font-size:7px}.capacity-row>div:first-child{font-size:9px}.floor-summary .small{font-size:8px;line-height:1.8}.notice{font-size:11px;padding:12px}.camera-grid{grid-template-columns:1fr;gap:15px}.camera-preview{height:190px}.camera-content{padding:19px}.camera-heading h3{font-size:14px}.camera-content p,.camera-actions button{font-size:11px}.search-box{max-width:100%}.settings-grid{gap:0}.form-grid{gap:0 12px}.settings-grid .form-grid{grid-template-columns:1fr 1fr}.form-footer .button{font-size:10px;padding:8px 12px}.test-hero{padding:24px}.test-hero h2{font-size:23px}.test-hero p{font-size:11px}.test-hero-icon{display:none}.test-paths{grid-template-columns:1fr;gap:22px}.check-row{gap:10px}.check-row p{font-size:10px}.check-row h3{font-size:11px}.check-row .badge{font-size:8px}.review-row{align-items:flex-start;flex-wrap:wrap;gap:12px}.review-row>div{min-width:200px}.review-title{flex-wrap:wrap;gap:7px}.review-row>.button{margin-left:48px;font-size:10px}.review-icon{padding:9px}.review-icon svg{width:19px}.review-row p{font-size:11px}.modal-backdrop{padding:17px}.modal{padding:22px;max-height:92vh}.toast{font-size:11px;bottom:17px}.menu-shade{position:fixed;inset:0;background:#1b332866;z-index:25}.login-page{grid-template-columns:1fr}.login-story{min-height:205px;padding:24px}.login-story .brand{font-size:24px}.login-story>div:nth-child(2){margin-top:22px}.login-story h1{font-size:31px;line-height:1.3;margin:8px 0}.login-story h1 br{display:none}.login-story>div:nth-child(2)>.eyebrow{display:none}.login-story p,.login-parking,.login-credit{display:none}.login-form-wrap{padding:32px 24px}.login-form{width:100%;max-width:390px}.login-form h2{font-size:28px}.login-form .demo-accounts{flex-direction:row}.login-form>.muted{margin-bottom:24px}.resident-current{padding:23px}.resident-card-top{margin-bottom:23px}.resident-grid{gap:18px}.resident-map.card{padding:19px}.resident-map .parking-map{padding:20px 12px 12px}.resident-time{gap:12px}.resident-time strong{font-size:11px}.resident-time svg{width:16px}.resident-bill b{font-size:29px}.resident-bill small{font-size:8px}.tariff-card{gap:20px 12px}.tariff-card b{font-size:18px}.tariff-card b span{font-size:9px}.tariff-card p{font-size:9px;line-height:1.8}.resident-welcome{padding:40px 20px}.page-footer{font-size:8px}table{min-width:620px}td{padding:14px 10px}th{padding:10px}.resident-shell table{min-width:600px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.full-field{grid-column:1/-1}