:root{--twi-navy: #0b132b;--twi-violet: #6d28d9;--twi-blue: #2563eb;--twi-cyan: #06b6d4;--twi-gray-light: #f2f4f7;--twi-gradient-accent: linear-gradient(90deg, var(--twi-violet), var(--twi-blue), var(--twi-cyan));--twi-font-sans: "Poppins", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--twi-color-success: #16a34a;--twi-color-success-bg: #e9f9ef;--twi-color-warning: #d97706;--twi-color-warning-bg: #fff3eb;--twi-color-error: #dc2626;--twi-color-error-bg: #fff0ed;--twi-color-critical: #991b1b;--twi-color-critical-bg: #fde8e8;--twi-color-info: #3557a6;--twi-color-info-bg: #eef3ff;--twi-color-neutral: #4b5563;--twi-color-neutral-bg: #eef1f4;--twi-bg-app: #ffffff;--twi-bg-surface: var(--twi-gray-light);--twi-bg-elevated: #ffffff;--twi-bg-sidebar: var(--twi-gray-light);--twi-bg-topbar: #ffffff;--twi-bg-active-nav: #ece9fc;--twi-text-primary: var(--twi-navy);--twi-text-secondary: #4b5563;--twi-text-on-accent: #ffffff;--twi-border: #e2e5ea}:root[data-twi-theme=dark]{--twi-bg-app: #0b132b;--twi-bg-surface: #121a37;--twi-bg-elevated: #182046;--twi-bg-sidebar: #0e1530;--twi-bg-topbar: #121a37;--twi-bg-active-nav: #26205c;--twi-text-primary: #f2f4f7;--twi-text-secondary: #a6adc4;--twi-text-on-accent: #ffffff;--twi-border: #2a3350;--twi-color-success-bg: #113322;--twi-color-warning-bg: #3a2410;--twi-color-error-bg: #3a1512;--twi-color-critical-bg: #3a1212;--twi-color-info: #8ab4f8;--twi-color-info-bg: #16264a;--twi-color-neutral: #a6adc4;--twi-color-neutral-bg: #2a3350}:root{font-family:var(--twi-font-sans);color:var(--twi-text-primary);background:var(--twi-bg-app)}body{background:var(--twi-bg-app);color:var(--twi-text-primary)}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:2px solid var(--twi-cyan);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.shell-content{display:flex;flex-direction:column;min-height:100vh;min-width:0}aside{padding:24px 16px;background:var(--twi-bg-sidebar);color:var(--twi-text-primary);border-right:1px solid var(--twi-border)}.twi-logo-lockup{display:block;width:100%;max-width:200px}.twi-logo-lockup img{display:block;width:100%;height:auto}.twi-logo-lockup .twi-logo-dark{display:none}:root[data-twi-theme=dark] .twi-logo-lockup .twi-logo-light{display:none}:root[data-twi-theme=dark] .twi-logo-lockup .twi-logo-dark{display:block}.muted-light{color:var(--twi-text-secondary);font-size:12px;line-height:1.5;margin-top:10px}.nav-group{margin-top:22px}.nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--twi-text-secondary);margin:0 0 8px 6px}.nav-group nav{display:grid;gap:4px;margin-top:0}.nav-children{display:grid;gap:2px;margin:2px 0 6px 18px}.nav-children a{font-size:13px;padding:7px 11px}nav{display:grid;gap:4px;margin-top:8px}nav a,nav button{border:0;border-radius:9px;padding:10px 11px;text-align:left;background:transparent;color:var(--twi-text-secondary);text-decoration:none;display:block;cursor:pointer}nav a.active,nav button.active,nav a:hover,nav button:hover{background:var(--twi-bg-active-nav);color:var(--twi-navy)}main{padding:24px;flex:1}header{display:flex;justify-content:space-between;align-items:center}header h2{margin-bottom:4px}header p{color:var(--twi-text-secondary);margin-top:0}header select{padding:9px 12px;border:1px solid var(--twi-border);border-radius:10px}.hero{margin-top:18px;border-radius:18px;padding:28px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:var(--twi-gradient-accent)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.card{background:var(--twi-bg-elevated);border:1px solid var(--twi-border);border-radius:15px;padding:18px;color:var(--twi-text-primary)}.notice{padding:12px 16px;border-radius:10px;margin:12px 0}.success{background:var(--twi-color-success-bg);color:var(--twi-color-success)}.error{background:var(--twi-color-error-bg);color:var(--twi-color-error)}.toolbar{display:flex;gap:8px;margin:16px 0}.toolbar input,.form-grid input,.form-grid select{border:1px solid var(--twi-border);border-radius:9px;padding:10px;width:100%;color:var(--twi-text-primary);background:var(--twi-bg-elevated)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.form-grid h3{grid-column:1/-1;margin:0}.form-help{grid-column:1/-1;margin:0;color:var(--twi-text-secondary)}.form-grid label{display:grid;gap:5px;color:var(--twi-text-secondary);font-size:13px}.form-grid .check{display:flex;align-items:center;gap:8px}.form-grid .check input{width:auto}.primary{border:0;border-radius:9px;background:var(--twi-blue);color:var(--twi-text-on-accent);padding:11px 18px;align-self:end}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--twi-border);white-space:nowrap}th{color:var(--twi-text-secondary);font-size:12px;text-transform:uppercase}td button,.toolbar button{border:1px solid var(--twi-border);background:var(--twi-bg-elevated);color:var(--twi-text-primary);border-radius:8px;padding:7px 10px}.empty{color:var(--twi-text-secondary);padding:16px 0}.steps{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:16px 0}.steps span{padding:8px;border-radius:8px;background:var(--twi-color-warning-bg);color:var(--twi-color-warning);text-align:center;font-size:12px}.import-page{display:grid;gap:16px}.import-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0}.import-controls label{display:grid;gap:5px;color:var(--twi-text-secondary);font-size:13px;min-width:210px}.import-controls input,.import-controls select{border:1px solid var(--twi-border);border-radius:9px;padding:10px;background:var(--twi-bg-elevated);color:var(--twi-text-primary)}.button-link{display:inline-block;border-radius:9px;padding:11px 18px;color:#fff;background:#39414a;text-decoration:none}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.summary-grid div{border:1px solid var(--twi-border);border-radius:10px;padding:12px}.summary-grid small{display:block;color:var(--twi-text-secondary)}.summary-grid strong{display:block;margin-top:5px}.chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bar-row{display:grid;grid-template-columns:1fr 2fr 35px;gap:8px;align-items:center;margin:12px 0;font-size:13px}.bar-row div{height:8px;background:var(--twi-border);border-radius:9px;overflow:hidden}.bar-row i{display:block;height:100%;max-width:100%;background:#f36c21;border-radius:9px}.planning-page,.organization-page{display:grid;gap:16px}.hierarchy-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.hierarchy-summary div{border:1px solid var(--twi-border);border-radius:10px;padding:14px}.hierarchy-summary small,.hierarchy-summary strong{display:block}.hierarchy-summary small{color:var(--twi-text-secondary)}.hierarchy-summary strong{margin-top:4px;font-size:24px}.planning-tabs{display:flex;flex-wrap:wrap;gap:8px}.planning-tabs button{border:1px solid var(--twi-border);background:var(--twi-bg-elevated);color:var(--twi-text-primary);border-radius:9px;padding:10px 14px}.planning-tabs button.active{background:var(--twi-blue);border-color:var(--twi-blue);color:var(--twi-text-on-accent)}.link-button{border:0;padding:2px 0;background:transparent;color:var(--twi-blue);font-weight:700;cursor:pointer}.status-pill.working,.status-pill.in_progress{background:var(--twi-color-warning-bg);color:var(--twi-color-warning)}.status-pill.submitted{background:var(--twi-color-info-bg);color:var(--twi-color-info)}.status-pill.approved,.status-pill.complete{background:var(--twi-color-success-bg);color:var(--twi-color-success)}.status-pill.archived,.status-pill.not_started{background:var(--twi-color-neutral-bg);color:var(--twi-color-neutral)}.planning-kpis{grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;gap:8px;align-items:end}.form-actions button:not(.primary){border:1px solid var(--twi-border);background:var(--twi-bg-elevated);color:var(--twi-text-primary);border-radius:9px;padding:11px 18px}.row-actions{display:flex;gap:6px;align-items:center}.status-pill{display:inline-block;padding:4px 9px;border-radius:999px;text-transform:capitalize;font-size:12px;font-weight:700}.status-pill.draft{background:var(--twi-color-warning-bg);color:var(--twi-color-warning)}.status-pill.open{background:var(--twi-color-success-bg);color:var(--twi-color-success)}.status-pill.closed{background:var(--twi-color-neutral-bg);color:var(--twi-color-neutral)}.status-pill.active{background:var(--twi-color-success-bg);color:var(--twi-color-success)}.status-pill.inactive{background:var(--twi-color-neutral-bg);color:var(--twi-color-neutral)}.status-pill.revoked{background:var(--twi-color-error-bg);color:var(--twi-color-error)}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calendar-item{display:grid;gap:5px;border-left:5px solid var(--twi-border);background:var(--twi-bg-elevated);border-radius:10px;padding:14px;color:var(--twi-text-primary)}.calendar-item.open{border-left-color:var(--twi-color-success)}.calendar-item.closed{border-left-color:var(--twi-color-neutral)}.calendar-item.draft{border-left-color:var(--twi-color-warning)}.calendar-item span,.calendar-item small{color:var(--twi-text-secondary);text-transform:capitalize}.kpi-card span,.kpi-card small{color:var(--twi-text-secondary)}.kpi-card strong{display:block;margin:8px 0;font-size:28px}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:14px 24px;background:var(--twi-bg-topbar);border-bottom:1px solid var(--twi-border)}.topbar-accent{height:3px;background:var(--twi-gradient-accent)}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar h1{margin:0;font-size:17px;font-weight:600}.topbar-right{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.topbar-identity{font-size:12px;color:var(--twi-text-secondary);text-align:right;line-height:1.4;max-width:220px;overflow-wrap:anywhere}.topbar-identity strong{color:var(--twi-text-primary);font-weight:600}.topbar-logout-error{margin:0;border-radius:0;text-align:center}.mobile-nav-trigger{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--twi-border);background:var(--twi-bg-elevated);color:var(--twi-text-primary);border-radius:10px;font-size:18px;line-height:1;cursor:pointer}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b132b80;z-index:1000}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:min(84vw,300px);overflow-y:auto;padding:20px 16px;background:var(--twi-bg-sidebar);color:var(--twi-text-primary);box-shadow:2px 0 16px #0b132b40}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.mobile-nav-header .twi-logo-lockup{max-width:150px}.mobile-nav-close{border:0;background:transparent;color:var(--twi-text-primary);font-size:18px;line-height:1;padding:10px;cursor:pointer;flex-shrink:0}.scope-field{display:flex;flex-direction:column;gap:4px;min-width:0}.scope-field label{font-size:11px;color:var(--twi-text-secondary)}.scope-field select,.scope-field input{min-width:140px;max-width:100%}.scope-store-disclosure{display:block;font-size:11px;color:var(--twi-text-secondary)}@media(max-width:950px){.app-shell{grid-template-columns:1fr}aside{display:none}.mobile-nav-trigger{display:inline-flex}.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.chart-grid,.calendar-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(4,1fr)}.summary-grid{grid-template-columns:repeat(3,1fr)}.planning-kpis,.hierarchy-summary{grid-template-columns:repeat(2,1fr)}}.theme-toggle{border:1px solid var(--twi-border);background:var(--twi-bg-elevated);color:var(--twi-text-primary);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}.identity-badge{display:inline-block;background:var(--twi-bg-active-nav);color:var(--twi-navy);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:10px}.identity-page{display:grid;gap:16px;max-width:640px}.identity-card code{background:var(--twi-bg-surface);border-radius:4px;padding:1px 5px;font-size:12px}.signin-page{max-width:420px;margin:40px auto 0}.signin-brand{text-align:center}.signin-brand .twi-logo-lockup{max-width:220px;margin:0 auto 12px}.signin-tagline{font-weight:700;color:var(--twi-text-primary);margin:0}.signin-form{grid-template-columns:1fr}.signin-form button{align-self:stretch}.route-placeholder .card{max-width:640px}@media(max-width:600px){main{padding:14px}header{align-items:flex-start;gap:10px}.kpi-grid,.form-grid,.chart-grid,.calendar-grid{grid-template-columns:1fr}.row-actions{min-width:260px}.summary-grid,.steps{grid-template-columns:repeat(2,1fr)}.planning-kpis,.hierarchy-summary{grid-template-columns:1fr}.scope-field{flex:1 1 100%}.scope-field select,.scope-field input{width:100%}}