:root{--text:#202830;--accent:#07845d;--accent-line:#07845d;--border:#e5e9e8}body{font-size:16px;background:#f7f9f8}.app{min-width:0;max-width:none}.sidebar{width:220px}.main{padding:28px 36px;overflow-x:hidden}.panel{overflow-x:auto;border-radius:10px}.page-title{font-size:26px;font-weight:700}.kpi-sub{font-size:13px}.field label,.btn,.nav-item,.subtab,table{font-size:14px}th{font-size:14px}input,select,textarea{font-size:16px!important}.sb-user,.sb-brand{font-size:16px}.sb-org,.sb-role .tag{font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metric{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px}.metric strong{display:block;font-size:28px;margin-top:8px}.save-status{font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:6px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subtabs{overflow-x:auto}.sheet-grid-wrap{max-height:65vh}.sheet-cell-input{min-width:130px}.sb-nav{padding-top:18px}.data-toolbar{display:flex;gap:10px;margin:14px 0}.form-error{color:#b42318;margin:10px 0}.screen-reader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.field select{min-height:42px}button:disabled{opacity:.5;cursor:not-allowed}.pill{font-size:13px}a.btn{cursor:pointer}.table-wrap{overflow-x:auto}.meta{color:#68716d;font-size:13px}.project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{padding:22px;background:white;border:1px solid var(--border);border-radius:10px;cursor:pointer}.project-card h3{margin:12px 0}.project-card:hover{border-color:var(--accent)}.inline-empty{border:1px dashed #cbd5d1;padding:36px;border-radius:10px;text-align:center;background:white}.sticky-save{position:sticky;bottom:0;background:white;border-top:1px solid var(--border);padding:12px}.file-progress{width:100%;height:6px;accent-color:var(--accent)}.dashboard-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notice-strip{padding:12px 16px;background:#e9f5f0;border-radius:8px;margin:14px 0}.tag-small{padding:2px 6px;background:#eef2f0;border-radius:4px;font-size:12px}
@media(max-width:1000px){.sidebar{width:180px}.main{padding:24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.project-cards{grid-template-columns:repeat(2,1fr)}.dashboard-list{grid-template-columns:1fr}}@media(max-width:680px){.app{display:block}.sidebar{width:100%;position:relative;height:auto;border-bottom:1px solid var(--border)}.sb-top{padding:12px 16px}.sb-user-row,.sb-role,.sb-logout,.sb-proj-drop,.footer-ver{display:none}.sb-nav{display:flex;gap:3px;padding:6px 10px;overflow-x:auto}.nav-item{white-space:nowrap;padding:10px 9px}.sb-brand{margin:0}.main{padding:20px 14px}.page-title{font-size:23px}.metric-grid{gap:8px}.metric{padding:15px}.metric strong{font-size:24px}.project-cards{grid-template-columns:1fr}.field-row3,.field-row{grid-template-columns:1fr}.modal{width:94vw}.panel{padding:16px}.cal-table{min-width:700px}.archive-list-item{gap:10px;flex-wrap:wrap}.row-2,.row-3,.row-4{grid-template-columns:1fr}}

.auth-screen .sidebar{display:none}.auth-screen .main{padding:0}.auth-screen .app{background:#fff}.auth-screen .main>div{padding:24px 16px}.auth-screen .panel{overflow:visible;box-shadow:0 10px 30px rgba(20,30,40,.08)}.auth-screen .field label{display:block;margin-bottom:8px}.auth-screen input{min-height:42px}.auth-screen input[type=checkbox]{min-height:0}.auth-screen .auth-error{color:#b42318;line-height:1.6}.auth-screen .auth-footer{margin-top:16px;font-size:13px;text-align:center;color:#667085}

.att-table .att-cell{padding:0}.att-edit{display:block;width:100%;min-width:32px;min-height:36px;padding:6px 4px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}.att-edit:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#attendance-dialog .modal{max-width:460px}#attendance-dialog .attendance-context{margin:14px 0 20px;line-height:1.8}#attendance-dialog .meta{line-height:1.7}#attendance-dialog .field label{display:block;margin-bottom:8px}