.mobile-header{display:none;position:sticky;top:0;z-index:25;background:var(--surface-1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--topbar-border);transition:var(--theme-transition)}@media (max-width:900px){.sidebar,.topbar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;gap:10px}.app-wrap,.main{display:block}.main{min-width:0;width:100%}.stats-row{grid-template-columns:1fr 1fr;gap:12px}.page{padding:14px}.phase-strip{grid-template-columns:1fr 1fr}.form-grid,.report-grid{grid-template-columns:1fr}.form-grid .form-group.span2{grid-column:span 1}.overall-progress-row{flex-direction:column;align-items:flex-start;gap:8px}.branch-drawer{width:min(600px,96vw)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--navy-border2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-400)}.branch-drawer-overlay{position:fixed;inset:0;background:rgba(10,37,64,.35);z-index:150;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s,visibility .25s}.branch-drawer-overlay.open{opacity:1;pointer-events:all;visibility:visible;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.branch-drawer{position:fixed;top:0;right:0;bottom:0;width:min(700px,96vw);background:var(--surface-1);border-left:1px solid var(--line);z-index:151;display:flex;flex-direction:column;transform:translateX(0) translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-12px 0 32px -8px rgba(10,37,64,.16)}.branch-drawer.open{transform:translateX(0)}.drawer-branch-icon,.drawer-header{display:flex;align-items:center;flex-shrink:0}.drawer-header{padding:18px 22px;border-bottom:1px solid var(--navy-border);gap:14px;background:var(--surface-2)}.drawer-branch-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--brand);justify-content:center;font-size:20px;box-shadow:var(--shadow-brand)}.drawer-header-meta{flex:1;min-width:0}.drawer-branch-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-branch-loc,.drawer-close{color:var(--text-300);display:flex;align-items:center}.drawer-branch-loc{font-size:12px;margin-top:3px;gap:5px}.drawer-close{width:34px;height:34px;border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--navy-border);justify-content:center;font-size:20px;cursor:pointer;transition:all .15s;flex-shrink:0;line-height:1}.drawer-close:hover{background:var(--rose-pale);color:var(--rose-light);border-color:var(--rose-border)}.drawer-body{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:18px}.drawer-kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.drawer-kpi{background:var(--surface-2);border:1px solid var(--navy-border);border-radius:var(--radius-lg);padding:12px 14px;text-align:center}.drawer-kpi-val{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1}.drawer-kpi-label{font-size:11px;color:var(--text-300);margin-top:3px}.drawer-progress-block{background:var(--surface-2);border:1px solid var(--navy-border);border-radius:var(--radius-lg);padding:16px 18px}.drawer-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-300);margin-bottom:8px}.drawer-bar-outer{background:var(--surface-3);border-radius:99px;height:10px;overflow:hidden}.drawer-bar-fill{height:100%;border-radius:99px;transition:width .6s ease}.drawer-phases-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-phase-card{border-radius:var(--radius-lg);padding:14px 16px;border:1px solid transparent;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.drawer-phase-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.drawer-phase-card.dp1{background:var(--phase-1-pale);border-color:rgba(10,116,168,.22)}.drawer-phase-card.dp2{background:rgba(27,160,125,.08);border-color:rgba(27,160,125,.25)}.drawer-phase-card.dp3{background:rgba(91,87,200,.08);border-color:rgba(91,87,200,.25)}.drawer-phase-card.dp4{background:rgba(200,57,74,.08);border-color:rgba(200,57,74,.25)}.drawer-phase-card.dp-done{opacity:.8}.drawer-phase-emoji{font-size:20px;margin-bottom:6px}.drawer-phase-num{font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:2px}.dp1 .drawer-phase-num{color:var(--gold)}.dp2 .drawer-phase-num{color:var(--teal-light)}.dp3 .drawer-phase-num{color:var(--indigo-light)}.dp4 .drawer-phase-num{color:var(--rose-light)}.drawer-phase-title{font-size:12px;font-weight:600;color:var(--text-100);margin-bottom:8px;line-height:1.3}.drawer-phase-bar{background:rgba(10,37,64,.08);border-radius:99px;height:5px;overflow:hidden;margin-bottom:5px}.drawer-phase-bar-fill{height:100%;border-radius:99px;transition:width .5s}.dp1 .drawer-phase-bar-fill{background:var(--gold)}.dp2 .drawer-phase-bar-fill{background:var(--teal)}.dp3 .drawer-phase-bar-fill{background:var(--indigo)}.dp4 .drawer-phase-bar-fill{background:var(--rose)}.drawer-phase-stat{font-size:11px;color:var(--text-300)}.drawer-phase-done-badge{position:absolute;top:10px;left:10px;background:var(--done-bg);color:var(--done-text);border:1px solid var(--done-border);border-radius:99px;font-size:10px;font-weight:700;padding:2px 7px}.drawer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-info-item{background:var(--surface-2);border:1px solid var(--navy-border);border-radius:var(--radius-md);padding:12px 14px}.drawer-info-item--wide{grid-column:1/-1}.drawer-info-label{font-size:10px;color:var(--text-400);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.drawer-info-val{font-size:13px;color:var(--text-100);font-weight:500}.drawer-section-title{font-size:11px;font-weight:700;color:var(--text-400);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:7px;margin-bottom:8px}.drawer-section-title::after{content:"";flex:1;height:1px;background:var(--navy-border)}.drawer-footer{padding:14px 22px;border-top:1px solid var(--navy-border);display:flex;align-items:center;gap:8px;flex-shrink:0;background:var(--surface-2)}.drawer-status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:99px;font-size:12px;font-weight:700;border:1px solid}.drawer-status-chip.done{background:var(--done-bg);color:var(--done-text);border-color:var(--done-border)}.drawer-status-chip.inprogress{background:var(--sky-pale);color:var(--sky);border-color:rgba(35,129,196,.3)}.drawer-status-chip.notstarted{background:var(--pending-bg);color:var(--pending-text);border-color:var(--pending-border)}tbody tr.branch-row{cursor:pointer}tbody tr.branch-row:hover td{background:var(--surface-hover)}