:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#f5f5f3;--surface:#fff;--surface-2:#efefec;--border:#e0dfda;--text:#1c2321;--text-secondary:#6b6b66;--accent:#2b4570;--accent-bg:#e6ecf4;--teal:#0f6e56;--teal-bg:#e1f5ee;--orange:#d97e30;--orange-bg:#fbe8d6;--red:#b94a3d;--red-bg:#f7e3e0;--crc:#3f6bb5;--crc-bg:#dfe8f8;--mono:"SFMono-Regular", Consolas, monospace;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,Malgun Gothic,sans-serif}*,:before,:after{box-sizing:border-box}body,h1,h2,h3{margin:0}.page-title{margin-bottom:14px;font-size:16px;font-weight:600}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.page-header-row .page-title{margin-bottom:0}.site-search{gap:6px;display:flex}.site-search input{width:160px}.mono{font-family:var(--mono)}select,input[type=date]{border:1px solid var(--border);background:#fff;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}.back-btn{color:var(--accent);padding:0 0 12px;font-size:13px;text-decoration:none;display:inline-block}.tab-bar{border-bottom:1px solid var(--border);gap:6px;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-secondary);border-bottom:2px solid #0000;margin-right:14px;padding:9px 4px;font-size:14px;text-decoration:none}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.text-secondary{color:var(--text-secondary);font-size:13px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;text-decoration:none;display:inline-block}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.block{width:100%;display:block}.btn.danger{background:var(--red-bg);border-color:var(--red-bg);color:var(--red)}.btn:disabled{opacity:.4;cursor:not-allowed}.cal-nav{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:14px;display:grid}.cal-dow{text-align:center;color:var(--text-secondary);padding:4px 0;font-size:12px}.cal-cell{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:6px;min-height:56px;padding:4px;font-size:12px;position:relative}.cal-cell.cal-upcoming{border-color:var(--red)}.cal-upcoming-icon{color:var(--red);position:absolute;top:3px;right:3px}.cal-cell.empty{cursor:default;border:none}.cal-cell.cal-full{background:var(--accent-bg)}.cal-cell.cal-half{background:var(--orange-bg)}.cal-cell.cal-selected{outline:2px solid var(--accent)}.cal-site{color:var(--text-secondary);margin-top:2px;font-size:11px;display:block}.cal-upcoming-site{color:var(--red);margin-top:2px;font-size:11px;display:block}.attendance-record-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.attendance-record-half{width:60px;color:var(--text-secondary);flex-shrink:0;font-size:13px}.table{border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.row{border-top:1px solid var(--border);align-items:center;gap:6px;padding:10px 12px;font-size:13px;display:grid}.row:first-child{border-top:none}.row.head{background:var(--surface-2);color:var(--text-secondary);font-size:12px}.row.clickable{cursor:pointer}.row.clickable:hover{background:#fafaf9}.link-btn{color:var(--accent);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.card-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-card{background:var(--surface-2);border-radius:10px;padding:14px}.metric-card.clickable{cursor:pointer;border:2px solid #0000}.metric-card.clickable.selected{border-color:var(--accent)}.metric-card .label{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.metric-card .value{font-size:19px;font-weight:600;font-family:var(--mono)}.section-label{color:var(--text-secondary);margin:14px 0 8px;font-size:13px;display:block}.badge{border-radius:6px;padding:2px 9px;font-size:12px;display:inline-block}.badge.teal{background:var(--teal-bg);color:var(--teal)}.badge.orange{background:var(--orange-bg);color:var(--orange)}.badge.share{background:var(--accent-bg);color:var(--accent)}.site-list-grid{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.site-card{border:1px solid var(--border);border-radius:10px;padding:14px}.site-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.fav{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;display:flex}.site-card-name{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600;text-decoration:none;display:block}.site-card-name:hover{text-decoration:underline}.site-card-stats{color:var(--text-secondary);gap:14px;font-size:13px;display:flex}.site-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.site-card-share{border-top:1px dashed var(--border);color:var(--accent);margin:8px 0 0;padding-top:8px;font-size:12px}.site-card-actions{justify-content:flex-end;margin-top:10px;display:flex}.upcoming-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.upcoming-card{border:1px solid var(--border);border-radius:10px;padding:14px}.upcoming-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.visit-line{margin:2px 0 2px 8px;font-size:13px}.upcoming-link{color:var(--accent);margin-top:6px;font-size:13px;display:block}.visit-edit-list{margin-bottom:6px}.visit-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.visit-row input[type=date]{flex:1;margin-bottom:0}.visit-alarm{white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.section-edit-list{margin-bottom:6px}.section-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.section-row input,.section-row select{flex:1;margin-bottom:0}.section-row>span{white-space:nowrap;text-overflow:ellipsis;flex:0 0 72px;font-size:13px;overflow:hidden}.section-header{justify-content:space-between;align-items:center;margin:14px 0 8px;display:flex}.section-header .section-label{margin:0}.pay-site-row{grid-template-columns:1.4fr 1fr 1fr 1fr}.sort-control{align-items:center;gap:6px;display:flex}.sort-control select{width:auto}.sort-head{min-width:0;font-family:inherit;font-size:inherit;color:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0;display:flex}.sort-head.active{color:var(--accent);font-weight:600}.sort-head-label{text-overflow:ellipsis;overflow:hidden}.sort-arrow{flex-shrink:0;font-size:9px}.pay-stats-site-row{grid-template-columns:1.4fr 1fr 1fr}.pay-breakdown-row-2{grid-template-columns:1.4fr 1fr}.pay-breakdown-row-4{grid-template-columns:1.2fr 1fr 1fr 1fr}.table .row.total-row{border-top:1px solid var(--border);font-weight:600}.stats-mode-toggle{gap:8px;margin-bottom:10px;display:flex}.pay-person-row{grid-template-columns:1.2fr 1fr 1fr 1fr}.pay-labor-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr auto}.receipt-row{grid-template-columns:1fr 1fr auto}.salary-row{grid-template-columns:1fr 1fr 1fr 1fr auto}.hr-row{grid-template-columns:1fr .8fr 1.4fr 1fr 1.4fr}.hr-sites{overflow-wrap:anywhere;font-size:12px}.hr-actions{align-items:center;gap:6px;display:flex}.expand-list{border-top:1px dashed var(--border);background:#fafaf9;padding:4px 12px 8px 24px}.expand-item{border-bottom:1px solid var(--surface-2);align-items:center;gap:6px;padding:6px 0;font-size:12px;display:grid}.expand-item:last-child{border-bottom:0}.expand-empty{color:var(--text-secondary);padding:6px 0;font-size:12px}.salary-detail-row{grid-template-columns:1.6fr 1fr .8fr}.labor-entry-row{grid-template-columns:1.4fr 1fr 1fr 1.2fr}.gross-note{color:var(--text-secondary);white-space:nowrap;margin-top:2px;font-size:11px;font-weight:400}.row-name{text-align:left;justify-self:start;padding:0;font-size:13px}.tax-modal-hint{margin:0 0 12px;font-size:12px;line-height:1.6}.tax-table{border:1px solid var(--border);border-radius:8px;max-height:46vh;overflow-y:auto}.tax-row{border-top:1px solid var(--border);padding:8px 10px}.tax-row:first-child{border-top:none}.tax-row-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.tax-fields{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tax-field{color:var(--text-secondary);font-size:11px;display:block}.modal-box .tax-field input{width:100%;margin:2px 0 0;padding:6px 8px;font-size:13px}.pay-expense-row{grid-template-columns:1fr 1fr}.expense-toggle{border:1px solid var(--border);background:var(--surface);color:var(--accent);cursor:pointer;border-radius:6px;justify-self:start;padding:4px 8px;font-size:13px}.expense-toggle-mark{color:var(--text-secondary);font-size:9px}.expense-detail-row{grid-template-columns:.6fr 1fr 1.4fr 1fr .4fr}.salary-form{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.salary-form input{border:1px solid var(--border);border-radius:8px;width:110px;padding:8px 10px;font-family:inherit;font-size:13px}.modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:12px;width:320px;max-width:100%;max-height:80vh;padding:20px;overflow:auto}.modal-box.wide{width:420px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.modal-header button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:15px}.modal-box label{color:var(--text-secondary);margin:10px 0 4px;font-size:12px;display:block}.modal-box select{width:100%}.modal-actions{gap:8px;margin-top:16px;display:flex}.modal-actions .btn{flex:1}.auth-page{justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.auth-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:320px;padding:28px}.auth-box h1{margin-bottom:18px;font-size:18px}.auth-box input:not([type=checkbox]){border:1px solid var(--border);border-radius:8px;width:100%;margin:0 0 10px;padding:9px 10px;font-family:inherit;font-size:14px}.auth-select{border-radius:8px;width:100%;margin:0 0 4px;padding:9px 10px;font-size:14px}.auth-hint{color:var(--text-secondary);margin:0 0 10px;font-size:11px}.auth-check{align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.auth-box .btn+.btn{margin-top:8px}.auth-message{border-radius:8px;margin:0 0 12px;padding:8px 10px;font-size:13px}.auth-message.error{background:var(--red-bg);color:var(--red)}.auth-message.notice{background:var(--teal-bg);color:var(--teal)}.offline-banner{background:var(--orange-bg);color:var(--orange);border-radius:8px;margin:0 0 12px;padding:8px 10px;font-size:13px}.team-view-banner{background:var(--red-bg);color:var(--red);border-radius:8px;margin:0 0 12px;padding:8px 10px;font-size:13px}.notice-banner{background:var(--accent-bg);color:var(--accent);border-radius:8px;align-items:flex-start;gap:8px;margin:0 0 12px;padding:8px 6px 8px 10px;font-size:13px;line-height:1.45;display:flex}.notice-banner-icon{flex-shrink:0;margin-top:1px}.notice-banner-body{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:var(--text);flex:1;margin:0}.notice-banner-close{color:var(--accent);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:2px;display:flex}.leader-notice-current{border:1px solid var(--border);border-radius:8px;max-width:560px;margin:0 0 10px;padding:10px 12px}.leader-notice-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.leader-notice-meta{font-size:12px}.leader-notice-form{max-width:560px}.leader-notice-form-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.leader-notice-count{margin-right:auto;font-size:12px}.leader-notice-count.over{color:var(--red)}.share-banner{background:var(--accent-bg);color:var(--accent);border-radius:8px;margin:0 0 12px;padding:8px 10px;font-size:13px}.share-list{flex-direction:column;max-height:46vh;margin-top:10px;display:flex;overflow-y:auto}.modal-box .share-row{border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;gap:8px;margin:0;padding:9px 2px;font-size:13px;display:flex}.modal-box .share-row:last-child{border-bottom:0}.modal-box .share-row.blocked{color:var(--text-secondary);cursor:default}.share-row-name{flex:1;min-width:0}.share-row-note{color:var(--text-secondary);text-align:right;font-size:11px}.building-list{flex-direction:column;max-height:46vh;margin-top:10px;display:flex;overflow-y:auto}.building-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:9px 2px;font-size:13px;display:flex}.building-row:last-child{border-bottom:0}.building-row.dragging{background:var(--accent-bg)}.building-row-drag{color:var(--text-secondary);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin:-4px 0 -4px -6px;padding:4px 8px;font-size:16px}.building-order-hint{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.building-row-name{flex:1;min-width:0}.building-row-note{color:var(--text-secondary);font-size:11px}.line-edit-head,.line-edit-row{grid-template-columns:40px 1fr 1fr 1.2fr 1.4fr;align-items:center;gap:6px;display:grid}.line-edit-hint{margin:0 0 4px;font-size:12px}.line-edit-head{color:var(--text-secondary);margin-top:6px;font-size:11px}.line-edit-row+.line-edit-row{margin-top:6px}.modal-box .line-edit-row input{text-align:center;margin:0;padding:8px 6px}.line-edit-no{color:var(--text-secondary);font-size:12px}.mode-hint{color:var(--text-secondary);align-self:center;font-size:12px}.share-warning{background:var(--orange-bg);color:var(--orange);border-radius:8px;margin:12px 0 0;padding:8px 10px;font-size:12px;line-height:1.5}.cal-pending{color:var(--orange)}.toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.zoom-controls{gap:6px;display:flex}.btn.small{padding:5px 10px;font-size:12px}.sheet-scroll{border:1px solid var(--border);background:#fafaf9;border-radius:10px;margin-bottom:12px;padding:14px;overflow:auto}.sheet-wrap{transform-origin:0 0;width:fit-content}.sheet-wrap.horizontal{align-items:flex-start;gap:18px;display:flex}.sheet-wrap.horizontal .building-block{margin-bottom:0}.building-block{margin-bottom:18px}.building-title{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.unit-table{border-collapse:collapse;-webkit-user-select:none;user-select:none}.unit-table td{border:1px solid var(--border);text-align:center;cursor:pointer;background:#fff;width:34px;height:30px;font-size:11px}.floor-head{background:var(--surface-2);cursor:default;font-weight:600;width:50px!important}.line-head-top{background:var(--surface-2);cursor:default;white-space:nowrap;padding:2px 5px;font-weight:600}.line-head-type{color:var(--text-secondary);font-size:10px;font-weight:400}.sheet-wrap.drag-mode .unit-cell{touch-action:none}.unit-no{color:var(--text-secondary);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px}.unit-cell.checked .unit-no{color:var(--text)}.unit-cell.selecting{box-shadow:inset 0 0 0 2px var(--accent)}.unit-table td.summary-cell{cursor:default;background:var(--surface-2);height:24px;color:var(--text-secondary);padding:0 3px;font-size:10px}.unit-table td.core-cell{color:var(--text);background:#fff;line-height:1.2}.unit-table td.summary-total{color:var(--text);padding:3px;font-weight:600;line-height:1.3}.summary-head{font-size:10px}.unit-table td.line-no-cell{color:var(--text);white-space:nowrap;font-size:11px;font-weight:600}.unit-cell.disabled{cursor:default;background:repeating-linear-gradient(45deg,#efefec,#efefec 4px,#f5f5f3 4px 8px)}.unit-cell.plaster-marked{border:2px solid var(--accent)!important}.unit-cell.defect{background:var(--red-bg)}.unit-cell.has-defect{position:relative}.unit-cell.has-defect:after{content:"";background:var(--red);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.mode-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.site-view-tabs{gap:8px;margin-bottom:14px;display:flex}.checklist{margin-bottom:14px}.checklist-row{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 2px;display:flex}.checklist-row:last-child{border-bottom:0}.auto-grow{resize:none;border:1px solid var(--border);width:100%;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px;line-height:1.45;display:block;overflow:hidden}.checklist-foot{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.checklist-check{white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:flex}.checklist-meta{flex:1;min-width:0;font-size:11px}.checklist-delete{margin-left:auto;font-size:12px}.side-panel{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:10px;width:260px;max-height:calc(100vh - 120px);padding:14px;position:fixed;top:90px;right:24px;overflow-y:auto;box-shadow:0 4px 16px #00000014}.side-panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.side-panel-header button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:14px}.check-row{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.panel-btn{margin-top:8px}.defect-item{border-bottom:1px solid var(--border);cursor:pointer;padding:6px 0;font-size:13px}.defect-item:hover{background:#fafaf9}.defect-item.selected{background:var(--accent-bg);border-radius:6px;padding:6px}.defect-item.resolved{opacity:.55;cursor:default}.defect-item.resolved:hover{background:0 0}.log-section{border-top:1px solid var(--border);max-height:200px;margin-top:14px;padding-top:10px;overflow-y:auto}.log-title{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.log-item{border-bottom:1px solid var(--surface-2);padding:5px 0;font-size:12px}.log-meta,.log-empty{font-size:11px}.modal-box input:not([type=checkbox]):not([type=radio]){border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:4px;padding:8px;font-family:inherit;font-size:13px}.checkbox-group{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.checkbox-group label{color:var(--text);align-items:center;gap:4px;margin:0;font-size:13px;display:flex}.report-site-select{align-items:center;gap:8px;margin-bottom:4px;display:flex}.report-preview{border:1px solid var(--border);background:#fff;border-radius:10px;max-height:60vh;padding:8px;overflow:auto}.report-preview img{max-width:none;height:auto;display:block}.report-hint{margin:6px 0 0;font-size:12px}.report-text{min-height:160px;font-size:13px}.report-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.dashboard-note{margin:-8px 0 4px;font-size:12px}.salary-period-note{margin:-8px 0 12px;font-size:12px}.salary-entry-row{grid-template-columns:1.6fr 1fr .7fr}.salary-month-warning{border:1px solid var(--orange);background:var(--orange-bg);border-radius:8px;margin-bottom:6px;padding:10px 12px;font-size:13px;line-height:1.5}.salary-month-select{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.salary-month-chip{background:var(--accent-bg);color:var(--accent);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.salary-amount-preview{margin:0;font-size:12px}.settings-profile-card{max-width:320px;margin-bottom:8px}.settings-profile-card .value{font-size:15px}.settings-install-guide{max-width:420px;margin-bottom:10px}.settings-logout{margin-top:24px}.settings-version{color:var(--text-secondary);margin:28px 0 0;font-size:12px}.dev-actions{gap:8px;display:flex}.dev-help{max-width:520px;margin:0 0 10px;font-size:12px}.dev-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.dev-input{border:1px solid var(--border);border-radius:6px;width:180px;padding:6px 8px;font-family:inherit;font-size:13px}.dev-member-row{grid-template-columns:1.2fr .8fr 1.2fr}.unit-cell.option-marked{background:var(--accent-bg);box-shadow:inset 0 0 0 2px var(--accent)}.unit-cell.option-marked .unit-no{font-weight:600}.hole-edit-head,.hole-edit-row{grid-template-columns:1fr 110px 36px;align-items:center;gap:6px;display:grid}.hole-edit-head{color:var(--text-secondary);margin-top:6px;font-size:11px}.hole-edit-row{align-items:start;margin-top:6px}.modal-box .hole-edit-row input:not([type=checkbox]):not([type=radio]){margin:0;padding:8px 6px}.hole-edit-note{color:var(--text-secondary);margin-top:2px;font-size:11px;display:block}.hole-delta{grid-template-columns:44px 1fr;gap:4px;display:grid}.modal-box .hole-delta select{width:100%;padding:8px 4px}.hole-add-btn{margin:8px 0 4px}.hole-rule{margin:0 0 12px;line-height:1.5}.hole-unset-warning{margin:-4px 0 12px}.hole-site-card{cursor:pointer}.hole-site-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.hole-site-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hole-setup-actions{gap:6px}.hole-progress{background:var(--surface-2);border-radius:4px;height:8px;margin:6px 0 8px;overflow:hidden}.hole-progress-fill{background:var(--teal);border-radius:4px;height:100%}.hole-people-head{margin:18px 0 8px}.hole-people-head .section-label{margin:0}.hole-people-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hole-people-filters .cal-nav{margin-bottom:0}.hole-person-row{grid-template-columns:1.4fr 1fr 1.2fr}.hole-day-row{color:var(--text-secondary);background:#fafaf9;padding-left:28px}.menu-button{position:relative}.menu-backdrop{display:none}.menu-list{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:10px;min-width:160px;padding:4px;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 4px 16px #0000001f}.menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:13px;display:block}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--accent-bg);outline:none}.menu-item:disabled{color:var(--text-secondary);opacity:.5;cursor:default}.menu-sheet-title,.menu-cancel{display:none}@media (width<=760px){.auth-box input:not([type=checkbox]),.auth-select,.modal-box input:not([type=checkbox]):not([type=radio]),.auto-grow{font-size:16px}.menu-backdrop{z-index:90;background:#00000059;display:block;position:fixed;inset:0}.menu-list{padding:8px 12px calc(12px + env(safe-area-inset-bottom));z-index:91;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;right:0}.menu-sheet-title{color:var(--text-secondary);padding:6px 4px 8px;font-size:13px;display:block}.menu-item{padding:14px 12px;font-size:15px}.menu-cancel{text-align:center;background:var(--surface-2);margin-top:6px;display:block}.side-panel{border-radius:12px 12px 0 0;width:auto;max-height:60vh;inset:auto 0 0}}.app-shell{background:var(--surface);max-width:1040px;min-height:100svh;margin:0 auto;display:flex}.sidebar{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:190px;padding:18px 12px;display:flex}.sidebar-brand{color:var(--text-secondary);padding:0 8px 6px;font-size:14px;font-weight:600}.sidebar-role{color:var(--text-secondary);padding:0 8px 14px;font-size:12px}.sidebar-spacer{flex:1}.nav-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{background:#e7e7e3}.nav-item.active{background:#dce3ec}.main{flex:1;min-width:0;padding:22px}@media (width<=760px){.app-shell{flex-direction:column;max-width:100%}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;width:100%;overflow-x:auto}.sidebar-brand,.sidebar-role,.sidebar-spacer{display:none}.nav-item{flex-direction:column;flex-shrink:0;gap:3px;width:auto;padding:8px 10px;font-size:11px}}