.week-heatmap{display:flex;flex-direction:column;gap:16px}.hm-header{display:flex;flex-direction:column;gap:6px}.hm-week-label{font-size:20px;font-weight:800;color:#1a1a2e;letter-spacing:-.3px}.hm-compact .hm-week-label{font-size:16px}.hm-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;flex-wrap:wrap}.hm-dot{width:4px;height:4px;border-radius:50%;background:#ccc;flex-shrink:0}.hm-prime{color:#2e8b57;font-weight:600}.hm-section{display:flex;flex-direction:column;gap:8px}.hm-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#999;border-left:3px solid #e8711c;padding-left:8px}.hm-scroll{overflow-x:auto}.hm-table{border-collapse:collapse;-webkit-user-select:none;user-select:none}.hm-slot-col{width:120px;min-width:90px}.hm-compact .hm-slot-col{width:80px;min-width:70px}.hm-day-col{min-width:56px;text-align:center;padding:0 2px 8px}.hm-weekday{font-size:11px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px}.hm-monthday{font-size:11px;color:#999;margin-top:1px}.hm-slot-label{font-size:11px;color:#888;font-weight:500;padding:2px 8px 2px 0;white-space:nowrap;text-align:right;vertical-align:middle;border-right:1px solid #e0e0e0}.hm-compact .hm-slot-label{font-size:10px}.hm-cell{height:26px;min-width:56px;border:1px solid rgba(0,0,0,.06);background:#ebebeb}.hm-compact .hm-cell{height:20px;min-width:44px}.hm-cell-blocked{background:repeating-linear-gradient(45deg,#e4e4e4,#e4e4e4 3px,#f4f4f4 3px,#f4f4f4 6px)!important;cursor:default}.hm-blocked-col .hm-weekday,.hm-blocked-col .hm-monthday{opacity:.6}.hm-block-tag{font-size:9px;margin-top:2px}.hm-blocked-swatch{background:repeating-linear-gradient(45deg,#e4e4e4,#e4e4e4 3px,#f4f4f4 3px,#f4f4f4 6px)!important}.hm-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}.hm-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#888}.hm-swatch{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.1)}.slot-rank{display:flex;flex-direction:column;gap:10px}.slot-rank-title{font-size:15px;font-weight:800;color:#1a1a2e;letter-spacing:-.2px}.slot-rank-sub{font-size:12px;color:#aaa;margin-top:-6px}.slot-rank-list{display:flex;flex-direction:column;gap:6px}.slot-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;transition:border-color .1s}.slot-row:hover{border-color:#ccc}.slot-row-full{opacity:.55;background:#f8f8f8}.slot-row-date{display:flex;flex-direction:column;align-items:center;min-width:34px;flex-shrink:0}.slot-row-weekday{font-size:10px;font-weight:700;text-transform:uppercase;color:#888;letter-spacing:.4px}.slot-row-month{font-size:11px;color:#555;font-weight:600;white-space:nowrap}.slot-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.slot-row-label{font-size:12px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-row-bar-wrap{display:flex;align-items:center;gap:8px}.slot-row-bar{flex:1;height:6px;background:#ebebeb;border-radius:3px;overflow:hidden}.slot-row-fill{height:100%;border-radius:3px;background:#92b992;transition:width .3s ease}.slot-row-fill.has-resident{background:#2e8b57}.slot-row-count{font-size:11px;color:#888;white-space:nowrap;min-width:60px;text-align:right;font-weight:600}.slot-full-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#e53935}.slot-row-res{font-size:12px;color:#e8711c;font-weight:700;flex-shrink:0}.slot-rank-divider{display:flex;align-items:center;gap:10px;font-size:11px;color:#bbb;font-weight:600;margin-top:4px}.slot-rank-divider:before,.slot-rank-divider:after{content:"";flex:1;height:1px;background:#e8e8e8}.slot-rank-empty{font-size:13px;color:#bbb;text-align:center;padding:12px 0}.login-page{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.login-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:56px;background:#1a1a2e;color:#fff;box-shadow:0 2px 8px #0003;flex-shrink:0}.login-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:-.2px}.admin-link{background:#ffffff1a;color:#ffffffbf;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.admin-link:hover{background:#fff3;color:#fff}.admin-login-bar{background:#16213e;padding:12px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-login-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-login-form input{padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff12;color:#fff;font-size:13px;outline:none;width:200px}.admin-login-form input::placeholder{color:#fff6}.admin-login-form input:focus{border-color:#e8711c}.admin-login-form button{background:#e8711c;color:#fff;border:none;border-radius:6px;padding:7px 18px;font-size:13px;font-weight:700}.admin-error{color:#ff8a80;font-size:13px}.login-body{flex:1;display:grid;grid-template-columns:1fr 400px;gap:0;min-height:0}@media (max-width: 860px){.login-body{grid-template-columns:1fr}}.login-preview{padding:28px 32px;background:#fff;border-right:1px solid #e8e8e8;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.preview-hint{font-size:13px;color:#aaa;text-align:center}.login-panel{padding:32px 28px;background:#f8f9fa;overflow-y:auto;display:flex;flex-direction:column}.panel-heading{font-size:20px;font-weight:800;color:#1a1a2e;margin-bottom:4px}.panel-sub{font-size:13px;color:#888;margin-bottom:20px}.user-chips{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.user-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:2px solid;background:#fff;text-align:left;transition:all .15s;width:100%}.user-chip.resident{border-color:#e8711c}.user-chip.resident:hover{background:#fff3eb}.user-chip.guest{border-color:#4a90d9}.user-chip.guest:hover{background:#eef4fc}.user-chip.pending{opacity:.65;border-style:dashed}.chip-icon{font-size:18px}.chip-name{flex:1;font-size:15px;font-weight:600;color:#1a1a2e}.chip-pending{font-size:10px;font-weight:700;text-transform:uppercase;color:#888;letter-spacing:.5px}.divider{display:flex;align-items:center;gap:10px;color:#ccc;font-size:12px;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e8e8e8}.register-toggle{width:100%;background:none;border:2px dashed #ccc;border-radius:10px;padding:12px;color:#888;font-size:14px;font-weight:600;transition:all .15s}.register-toggle:hover{border-color:#e8711c;color:#e8711c;background:#fff8f4}.register-section{display:flex;flex-direction:column}.register-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.back-link{background:none;border:none;color:#888;font-size:13px;font-weight:600;padding:0}.back-link:hover{color:#e8711c}.capacity-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.cpill{font-size:12px;color:#666;background:#e8e8e8;border-radius:20px;padding:3px 10px;font-weight:600}.reg-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:#1a1a2e;background:#fff;outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:#e8711c}.type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-btn{padding:10px 8px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#444;transition:all .15s}.type-btn:hover:not(:disabled){border-color:#e8711c;background:#fff8f4}.type-btn.active{border-color:#e8711c;background:#fff3eb;color:#e8711c}.type-btn:disabled{opacity:.45;cursor:not-allowed}.full-tag{font-size:11px;color:#e53935}.no-residents{font-size:13px;color:#888;background:#f5f5f5;padding:10px 12px;border-radius:8px}.form-error{background:#fdecea;color:#c62828;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500}.submit-btn{background:#e8711c;color:#fff;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.submit-btn:hover:not(:disabled){background:#d4621a;transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.approval-note{font-size:12px;color:#aaa;text-align:center;line-height:1.5}.signin-section{display:flex;flex-direction:column}.pin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.pin-modal{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:340px;box-shadow:0 16px 48px #00000040}.pin-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pin-modal-icon{font-size:28px}.pin-modal-name{font-size:17px;font-weight:800;color:#1a1a2e}.pin-modal-sub{font-size:13px;color:#888;margin-top:2px}.pin-form{display:flex;flex-direction:column;align-items:center;gap:14px}.pin-input{width:120px;text-align:center;font-size:28px;font-weight:700;letter-spacing:10px;padding:10px 16px;border:2.5px solid #e0e0e0;border-radius:10px;outline:none;transition:border-color .15s}.pin-input:focus{border-color:#e8711c}.pin-error{font-size:13px;color:#e53935;font-weight:500}.pin-actions{display:flex;gap:10px;width:100%}.pin-cancel{flex:1;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px;font-size:14px;font-weight:600;color:#666;transition:all .15s}.pin-cancel:hover{border-color:#aaa;color:#333}.pin-submit{flex:2;background:#e8711c;color:#fff;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:700;transition:background .15s}.pin-submit:hover:not(:disabled){background:#d4621a}.pin-submit:disabled{opacity:.45;cursor:not-allowed}.pin-forgot{background:none;border:none;color:#aaa;font-size:12px;text-decoration:underline;cursor:pointer;padding:0}.pin-forgot:hover{color:#e8711c}.pin-reset-sent{font-size:12px;color:#2e8b57;text-align:center;font-weight:500;line-height:1.4}.pin-hint{font-size:11px;color:#aaa;margin-top:2px}.week-banner{background:#1a1a2e;color:#fff;border-radius:12px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.banner-left{display:flex;align-items:baseline;gap:8px}.banner-label{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#ffffff80;font-weight:600}.banner-range{font-size:20px;font-weight:800;letter-spacing:-.3px}.banner-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffa6;flex-wrap:wrap}.bstat-dot{width:4px;height:4px;border-radius:50%;background:#ffffff4d}.bstat-resident{color:#e8711c;font-weight:600}.bstat-cap{color:#fff6;font-size:12px}.schedule-meta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.schedule-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#666}.legend-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.legend-outline{width:14px;height:14px;border-radius:3px;border:2.5px solid #e8711c;background:#e8711c14;flex-shrink:0}.schedule-status{display:flex;align-items:center;gap:10px}.saving-tag{font-size:12px;color:#aaa;font-style:italic}.marked-count{font-size:13px;color:#666}.grid-hint{font-size:12px;color:#aaa;margin-top:-8px}.schedule-container{display:flex;flex-direction:column;gap:20px}.day-group{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 6px #00000012}.day-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:#999;margin-bottom:14px;border-left:4px solid #e8711c;padding-left:10px}.grid-scroll{overflow-x:auto}.schedule-table{border-collapse:collapse;-webkit-user-select:none;user-select:none;min-width:100%}.slot-col{width:160px;min-width:140px}.day-col{min-width:80px;text-align:center;padding:0 4px 10px}.day-weekday{font-size:13px;font-weight:800;color:#333;text-transform:uppercase;letter-spacing:.5px}.day-date{font-size:12px;color:#888;margin-top:2px;font-weight:500}.slot-label{font-size:12px;color:#777;font-weight:500;padding:4px 12px 4px 0;white-space:nowrap;text-align:right;vertical-align:middle;border-right:2px solid #efefef}.grid-cell{height:38px;min-width:80px;border:1px solid #e8e8e8;cursor:pointer;background:#ebebeb;position:relative;transition:filter .08s}.grid-cell:hover{filter:brightness(.9)}.grid-cell.user-sel{outline:2.5px solid #e8711c;outline-offset:-2px;background-color:#e8711c1f!important}.grid-cell.hovered{z-index:20}.tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;border-radius:8px;padding:10px 14px;min-width:180px;max-width:240px;z-index:100;pointer-events:none;box-shadow:0 4px 20px #0000004d}.tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-width:0 5px 5px;border-style:solid;border-color:transparent transparent #1a1a2e}.tooltip-count{font-size:13px;font-weight:700;color:#e8e8e8;margin-bottom:6px}.tooltip-you{font-size:12px;color:#e8711c;font-weight:600;margin-bottom:4px}.tooltip-group{display:flex;flex-direction:column;gap:2px;margin-top:6px}.tooltip-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;margin-bottom:2px}.resident-label{color:#e8711c}.guest-label{color:#4a90d9}.tooltip-name{font-size:12px;color:#ccc;padding-left:4px}.tooltip-name.is-you{color:#fff;font-weight:600}.blocked-cell{background:repeating-linear-gradient(45deg,#e4e4e4,#e4e4e4 4px,#f4f4f4 4px,#f4f4f4 8px)!important;cursor:not-allowed}.legend-blocked{width:14px;height:14px;border-radius:3px;flex-shrink:0;background:repeating-linear-gradient(45deg,#e4e4e4,#e4e4e4 3px,#f4f4f4 3px,#f4f4f4 6px);border:1px solid #ddd}.special-day-group{border:2px solid #e8711c}.special-title{display:flex;align-items:baseline;gap:10px;color:#c25c0e!important}.special-subtitle{font-size:11px;color:#999;font-weight:400;text-transform:none;letter-spacing:0}.special-cards{display:flex;flex-wrap:wrap;gap:16px}.special-day-card{background:#fffaf6;border:1px solid #f0d0b0;border-radius:10px;overflow:hidden;min-width:220px;flex:1;max-width:340px}.special-day-header{background:#fff3e6;border-bottom:1px solid #f0d0b0;padding:10px 14px}.special-day-name{font-size:14px;color:#1a1a2e}.special-day-block-tag{font-size:11px;color:#c25c0e;margin-top:3px}.special-table{border-collapse:collapse;width:100%;-webkit-user-select:none;user-select:none}.special-slot-label{font-size:12px;color:#777;padding:6px 10px;white-space:nowrap;border-bottom:1px solid #f0ebe6}.special-cell{height:36px;border-bottom:1px solid #f0ebe6;cursor:pointer;background:#ebebeb;position:relative;transition:filter .08s;min-width:80px}.special-cell:hover{filter:brightness(.9)}.special-cell.user-sel{outline:2.5px solid #e8711c;outline-offset:-2px;background-color:#e8711c1f!important}.special-cell.hovered{z-index:20}.no-slots-msg{text-align:center;color:#aaa;font-size:13px;padding:16px}.users-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 6px #00000012;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 600px){.users-panel{grid-template-columns:1fr}}.panel-section{display:flex;flex-direction:column;gap:8px}.panel-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#555;display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.panel-count{font-size:12px;color:#aaa;font-weight:500}.panel-user{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:7px;background:#f8f9fa}.panel-user.is-current{background:#fff3eb;outline:1.5px solid #e8711c}.panel-user-name{font-size:14px;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:4px}.panel-label{font-size:14px}.pending-badge{font-size:9px;font-weight:700;text-transform:uppercase;color:#aaa;letter-spacing:.5px;border:1px solid #ddd;border-radius:4px;padding:1px 5px}.panel-user-meta{font-size:12px;color:#aaa}.panel-empty{font-size:13px;color:#ccc;padding:6px 0}.admin-page{min-height:100vh;background:#f4f5f7;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:56px;background:#1a1a2e;color:#fff;box-shadow:0 2px 8px #0003;position:sticky;top:0;z-index:10}.admin-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.admin-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;background:#e8711c;color:#fff;padding:2px 8px;border-radius:20px}.admin-logout-btn{background:#ffffff1f;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 14px;font-size:13px;font-weight:600;transition:all .15s}.admin-logout-btn:hover{background:#ffffff38;color:#fff}.admin-body{max-width:900px;margin:0 auto;width:100%;padding:28px 24px;display:flex;flex-direction:column;gap:28px}.admin-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 6px #00000012}.section-title{font-size:15px;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.7px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.badge{background:#e53935;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px}.badge.neutral{background:#e0e0e0;color:#555}.badge-sub{font-size:12px;color:#999;font-weight:500;text-transform:none;letter-spacing:0}.empty-msg{color:#aaa;font-size:14px;padding:12px 0}.user-cards{display:flex;flex-direction:column;gap:10px}.user-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:10px;border:1px solid #e8e8e8;background:#fafafa}.pending-card{border-left:4px solid #e8711c}.approved-card{border-left:4px solid #2e8b57}.card-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.card-icon{font-size:20px;flex-shrink:0}.card-name{font-size:15px;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:4px}.name-label{font-size:16px}.card-meta{font-size:12px;color:#888;margin-top:2px}.card-actions{display:flex;gap:8px;flex-shrink:0}.approve-btn{background:#2e8b57;color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:700;transition:background .15s}.approve-btn:hover:not(:disabled){background:#276649}.reject-btn{background:#fff;color:#e53935;border:2px solid #e53935;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:700;transition:all .15s}.reject-btn:hover:not(:disabled){background:#fdecea}.card-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.label-toggles{display:flex;gap:4px}.label-toggle{width:32px;height:32px;border-radius:6px;border:2px solid #e0e0e0;background:#fff;font-size:16px;transition:all .15s;display:flex;align-items:center;justify-content:center}.label-toggle:hover:not(:disabled){border-color:#e8711c;background:#fff3eb}.label-toggle.active{border-color:#e8711c;background:#fff3eb;box-shadow:0 0 0 2px #e8711c33}.label-toggle:disabled{opacity:.5}.remove-btn{background:none;color:#bbb;border:1px solid #e0e0e0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.reset-pin-btn{background:none;color:#888;border:1px solid #e0e0e0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s}.reset-pin-btn:hover:not(:disabled){border-color:#e8711c;color:#e8711c;background:#fff8f4}.pin-reset-urgent{border-color:#e53935!important;color:#e53935!important;background:#fdecea!important;font-weight:700;animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #e539354d}50%{box-shadow:0 0 0 4px #e5393500}}.remove-btn:hover:not(:disabled){border-color:#e53935;color:#e53935;background:#fdecea}.admin-error-screen,.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#555}.heatmap-section{background:#fff}.schedule-subsection{margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.schedule-subsection:first-of-type{margin-top:0;padding-top:0;border-top:none}.subsection-title{font-size:14px;font-weight:700;color:#333;margin-bottom:4px}.subsection-desc{font-size:12px;color:#999;margin-bottom:16px;line-height:1.5}.recurring-group{margin-bottom:20px}.recurring-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#aaa;margin-bottom:8px}.recurring-scroll{overflow-x:auto}.recurring-table{border-collapse:collapse;min-width:100%;font-size:12px}.rec-day-th{text-align:left;padding:6px 10px 6px 0;font-weight:700;color:#555;white-space:nowrap;min-width:44px}.rec-slot-th{text-align:center;padding:6px 4px;font-weight:600;color:#888;white-space:nowrap;min-width:54px;font-size:11px}.rec-note-th{text-align:left;padding:6px 8px;font-weight:600;color:#888;min-width:140px}.rec-day-td{font-weight:700;color:#444;padding:5px 10px 5px 0;white-space:nowrap;vertical-align:middle}.rec-slot-td{text-align:center;padding:3px 2px;vertical-align:middle}.rec-note-td{padding:3px 8px;vertical-align:middle}.rec-toggle{width:32px;height:28px;border-radius:5px;font-size:13px;font-weight:700;transition:all .12s;display:inline-flex;align-items:center;justify-content:center}.rec-on{background:#e8f5e9;color:#2e8b57;border:1.5px solid #a5d6a7}.rec-on:hover:not(:disabled){background:#ffebee;color:#e53935;border-color:#ef9a9a}.rec-off{background:#fff3f3;color:#e53935;border:1.5px solid #ef9a9a}.rec-off:hover:not(:disabled){background:#e8f5e9;color:#2e8b57;border-color:#a5d6a7}.rec-toggle:disabled{opacity:.45;cursor:not-allowed}.rec-note-input{width:100%;padding:5px 8px;border:1px solid #e0e0e0;border-radius:5px;font-size:12px;color:#444;background:#fff;outline:none}.rec-note-input:focus{border-color:#e8711c}.date-blocks-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.date-block-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff8f4;border:1px solid #f0d0b0;border-left:4px solid #e8711c;border-radius:8px}.date-block-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.date-block-date{font-size:13px;font-weight:700;color:#1a1a2e}.date-block-time{font-size:13px;color:#c25c0e;font-weight:600}.date-block-reason{font-size:12px;color:#888}.date-block-form{background:#f8f9fa;border-radius:10px;padding:16px;margin-top:12px}.form-sub-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:12px}.date-block-inputs{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:11px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.4px}.input-group input{padding:8px 10px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;color:#1a1a2e;background:#fff;outline:none;transition:border-color .15s}.input-group input:focus{border-color:#e8711c}.input-group-wide{flex:1;min-width:160px}.slot-error{font-size:12px;color:#e53935;margin-top:8px;font-weight:500}.pending-page{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.pending-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:56px;background:#1a1a2e;color:#fff}.pending-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.pending-switch-btn{background:#ffffff1f;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 14px;font-size:13px;font-weight:600}.pending-body{max-width:700px;margin:40px auto;width:100%;padding:0 24px;display:flex;flex-direction:column;gap:28px}.pending-card{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 2px 12px #00000014}.pending-icon{font-size:48px;margin-bottom:16px}.pending-card h2{font-size:24px;font-weight:800;color:#1a1a2e;margin-bottom:12px}.pending-card p{font-size:15px;color:#555;line-height:1.6;margin-bottom:8px}.pending-sub{color:#999!important;font-size:14px!important;margin-bottom:24px!important}.check-btn{background:#e8711c;color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .15s}.check-btn:hover{background:#d4621a}.pending-preview{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 6px #00000012}.pending-preview h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#888;margin-bottom:16px}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#1a1a2e;color:#fff;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0003;position:sticky;top:0;z-index:10;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:10px}.brand-icon{font-size:22px}.app-header h1{font-size:18px;font-weight:700;letter-spacing:-.3px}.header-user{display:flex;align-items:center;gap:10px}.current-user-name{font-weight:600;font-size:14px}.user-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.user-badge.resident{background:#e8711c;color:#fff}.user-badge.guest{background:#4a90d9;color:#fff}.admin-header-btn{background:#e8711c;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:background .15s}.admin-header-btn:hover{background:#d4621a}.switch-btn{background:#ffffff1f;color:#ffffffd9;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.switch-btn:hover{background:#ffffff38}.admin-prompt-bar{background:#16213e;padding:10px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-prompt-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-prompt-label{font-size:13px;color:#fff9;font-weight:600;white-space:nowrap}.admin-prompt-form input{padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff12;color:#fff;font-size:13px;outline:none;width:220px}.admin-prompt-form input:focus{border-color:#e8711c}.admin-prompt-form button{background:#e8711c;color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:700;white-space:nowrap}.admin-prompt-err{font-size:13px;color:#ff8a80;font-weight:500}.app-main{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.full-screen-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#888;font-size:15px}.loading-spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#e8711c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{color:#e53935}.error-icon{width:48px;height:48px;background:#e53935;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;color:#1a1a2e;min-height:100vh}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}