:root{color:#14202b;background:linear-gradient(#f4f0e8 0%,#eef3f8 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{color:#f4f7fa;background:#17324d;flex-direction:column;height:100vh;padding:24px;display:flex;overflow-y:auto}.brand{margin-bottom:24px;font-size:1.4rem;font-weight:700}.sidebar-nav{flex:auto;align-content:start;gap:12px;display:grid}.sidebar-group{gap:8px;display:grid}.sidebar-group-trigger{width:100%;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 6px;display:flex}.sidebar-group-heading{align-items:center;gap:8px;display:inline-flex}.sidebar-group-icon{color:#f4f7fa;letter-spacing:.08em;background:#ffffff24;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.68rem;font-weight:800;display:inline-flex}.sidebar-group-items{gap:8px;display:grid}.sidebar-group-title{letter-spacing:.14em;text-transform:uppercase;color:#f4f7fab8;font-size:.72rem;font-weight:700}.sidebar-group-chevron{color:#f4f7fab8;text-transform:none;font-size:.9rem;transition:transform .16s}.sidebar-group-chevron.open{transform:rotate(180deg)}.nav-item{background:#ffffff0a;border-radius:12px;padding:12px 14px;display:block}.nav-item.active{background:#ffffff2e}.sidebar-footer{border-top:1px solid #ffffff1f;gap:6px;margin-top:24px;padding-top:18px;display:grid}.sidebar-footer-link{color:#f4f7fae6;word-break:break-all;font-size:.84rem}.sidebar-footer-version{color:#f4f7faad;font-size:.82rem}.main-area{height:100vh;padding:28px;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.entity-select{color:#17324d;background:#fff;border:1px solid #c8d2dc;border-radius:14px;padding:10px 12px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#8b5e34;font-size:.78rem;font-weight:700}.org-pill{background:#fff;border-radius:999px;padding:10px 16px;box-shadow:0 10px 30px #17324d14}.page-content,.login-page{min-height:calc(100vh - 120px)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.accounts-layout{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.projects-layout{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.project-wbs-panel{grid-column:1/-1}.journal-detail-layout,.journal-create-layout{gap:20px;display:grid}.panel{background:#ffffffe6;border-radius:20px;padding:24px;box-shadow:0 18px 40px #17324d14}.metric-summary-grid{gap:14px;display:grid}.metric-card{background:linear-gradient(#fffffffa 0%,#f3f8fcf0 100%);border:1px solid #dde7f0;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:132px;padding:1.05rem 1.15rem;display:flex;box-shadow:inset 0 1px #ffffffe6}.metric-value{letter-spacing:-.03em;color:#18324d;font-size:2rem;font-weight:800;line-height:1}.metric-label{color:#60738a;font-size:.92rem;font-weight:700}.hero-panel{min-height:220px}.multi-entity-panel{grid-column:1/-1}.entity-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-links{padding-left:18px}.summary-grid,.quick-link-grid{gap:12px;display:grid}.coa-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.procurement-reconciliation-summary-grid,.admin-summary-grid,.project-budget-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.commitment-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.hr-report-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}.summary-card{background:#f7fafc;border-radius:16px;gap:6px;padding:16px;display:grid}.procurement-reconciliation-summary-grid .summary-card,.admin-summary-card,.project-budget-summary-card,.commitment-summary-card,.hr-report-summary-card{align-content:center;min-height:88px}.admin-summary-card strong{font-size:1.8rem;line-height:1}.project-budget-summary-card strong,.commitment-summary-card strong{letter-spacing:-.01em;font-size:1.45rem;line-height:1.15}.hr-report-summary-card strong{font-size:1.8rem;line-height:1}.summary-card strong{color:#17324d;font-size:1.5rem}.page-toolbar,.table-toolbar,.row-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.master-tabs{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.master-tab{color:#17324d;background:#f6f9fc;border:1px solid #c8d2dc;border-radius:14px;padding:12px 18px;font-weight:600}.master-tab.active{color:#fff;background:#17324d;border-color:#17324d}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detail-grid label{gap:8px;display:grid}.detail-grid .full-width{grid-column:1/-1}.table-toolbar{margin:20px 0}.table-wrapper{overflow-x:auto}.table-sort-button{color:#17324d;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.table-sort-button:hover,.table-sort-button:focus-visible{color:#8b5e34}.table-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e1e7ee;padding:12px 10px}.search-input,.form-grid select,.form-grid textarea,.detail-grid input,.detail-grid select,.data-table input,.data-table select{border:1px solid #c8d2dc;border-radius:12px;width:100%;padding:12px 14px}.planning-grid-table input,.planning-grid-table select{min-width:130px}.table-link{color:#1f3b5b;cursor:pointer;text-underline-offset:.15em;font-weight:700;text-decoration:underline}.table-link:hover,.table-link:focus-visible{color:#9a6a2e}.table-link-strong{align-items:center;gap:8px;display:inline-flex}.table-link-hint{color:#48627f;letter-spacing:.04em;text-transform:uppercase;background:#eef3f8;border:1px solid #d6e1ec;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.table-link-strong:hover .table-link-hint,.table-link-strong:focus-visible .table-link-hint{color:#8b5b22;background:#f4e8d6;border-color:#d6b489}.management-placeholder-grid{margin-top:20px}.management-placeholder-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ai-insights-layout{gap:20px;display:grid}.ai-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.management-placeholder-section{background:#f7fafc;border-radius:16px;padding:18px}.ai-insight-card{gap:18px;display:grid}.ai-card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.ai-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ai-metric-card strong{font-size:1.2rem;line-height:1.2}.placeholder-list{gap:8px;margin:12px 0 0;padding-left:20px;display:grid}.summary-label{color:#5b6977;font-size:.92rem}.summary-value{color:#17324d;font-size:1.6rem;font-weight:700}.detail-inline-action{align-items:center;gap:.75rem;display:flex}.detail-inline-action input{flex:auto}.status-badge{border-radius:999px;padding:6px 10px;font-size:.85rem;display:inline-block}.status-badge.active{color:#166534;background:#e6f4ea}.status-badge.inactive{color:#b91c1c;background:#fef2f2}.ai-severity-badge.good{color:#166534;background:#e6f4ea}.ai-severity-badge.watch{color:#9a6700;background:#fff7e8}.ai-severity-badge.attention{color:#b42318;background:#fff1ef}.danger-button{color:#b91c1c;background:#fff5f5;border:1px solid #ef4444;border-radius:14px;padding:12px 16px}.checkbox-row{align-items:center;gap:10px;display:flex!important}.totals-bar{flex-wrap:wrap;gap:18px;margin-top:16px;font-weight:600;display:flex}.hospitality-report-summary-block{margin-top:16px}.hospitality-report-summary-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));align-items:stretch}.hospitality-report-summary-card,.hospitality-report-scope-card{background:linear-gradient(#fffffffa 0%,#f4f8fcf0 100%);border:1px solid #dce6ef;min-height:120px;box-shadow:inset 0 1px #ffffffeb}.hospitality-report-summary-card{align-content:center}.hospitality-report-summary-card strong,.hospitality-report-scope-card strong{font-size:1.8rem;line-height:1}.hospitality-report-total-card strong{letter-spacing:-.02em}.hospitality-report-scope-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.hospitality-report-scope-chip{color:#284663;letter-spacing:.02em;background:#edf3f8;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:.83rem;font-weight:700;display:inline-flex}.balance-good{color:#166534}.balance-bad{color:#b91c1c}.sample-note{color:#6f4e2f;background:#f8f3eb;border-radius:12px;margin-top:16px;padding:12px 14px}.login-page{place-items:center;padding:32px;display:grid}.login-card{background:#fffffff0;border-radius:24px;width:min(100%,460px);padding:32px;box-shadow:0 24px 60px #17324d1f}.segmented{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.segmented button{color:#17324d;background:#f5f8fb;border:1px solid #c8d2dc;border-radius:14px;padding:12px 14px}.segmented button.active,.primary-button{color:#fff;background:#17324d}.form-grid{gap:16px;display:grid}.form-grid label{gap:8px;display:grid}.form-grid .full-width{grid-column:1/-1}.form-grid input{border:1px solid #c8d2dc;border-radius:12px;padding:12px 14px}.coa-checkbox-grid{background:#f8fbfe;border:1px solid #d5e0ea;border-radius:14px;flex-wrap:wrap;gap:18px;padding:12px 14px;display:flex}.password-field{position:relative}.password-field input{width:100%;padding-right:84px}.password-toggle{color:#1f3d5a;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.9rem;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#9b6425}.primary-button{border:none;border-radius:14px;padding:14px 16px}.primary-button:disabled{opacity:.65;cursor:not-allowed}.ghost-button{color:#17324d;background:#fff;border:1px solid #c8d2dc;border-radius:14px;padding:12px 16px}.muted,.dev-note{color:#5b6977}.shell-subtitle{margin:4px 0 0}.field-error{color:#b42318}.form-error-banner{color:#b42318;background:#fff1ef;border:1px solid #f4c7c3;border-radius:12px;padding:12px 14px}.form-success-banner{color:#166534;background:#edf8f2;border:1px solid #b7e2c7;border-radius:12px;padding:12px 14px}.permission-module-card{background:#f8fbfe;border:1px solid #d9e4ef;border-radius:1rem;margin-top:1.25rem;padding:1rem 1.1rem}.permission-module-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem 1rem;margin-top:.85rem;display:grid}.permission-checkbox{background:#fff;border:1px solid #d9e4ef;border-radius:.9rem;align-items:flex-start;gap:.7rem;padding:.8rem .9rem;display:flex}.permission-checkbox input{margin-top:.2rem}.permission-checkbox span{flex-direction:column;gap:.2rem;display:flex}.permission-checkbox small{color:#5a6d82}.admin-summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:1rem 0 1.2rem}.admin-overview-block,.admin-filter-block{background:linear-gradient(#f9fcfffa 0%,#f3f8fcf0 100%);border:1px solid #e1e9f1;border-radius:18px;margin-bottom:1.25rem;padding:1rem 1.05rem}.admin-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.admin-section-heading h3{color:#19314a;margin:0;font-size:1rem}.admin-section-heading .muted{margin:.3rem 0 0}.admin-filter-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.95rem;margin-bottom:.1rem;display:grid}.admin-filter-grid label{flex-direction:column;gap:.45rem;display:flex}.admin-filter-grid label span{letter-spacing:.08em;text-transform:uppercase;color:#65788f;font-size:.78rem;font-weight:800}.admin-filter-grid input,.admin-filter-grid select{background:#fff;border:1px solid #cdd8e4;border-radius:14px;min-height:48px;padding:.8rem .95rem}.admin-role-chip-wrap{background:#fff;border:1px solid #c7d4e5;border-radius:1rem;flex-wrap:wrap;gap:.5rem;min-height:3rem;padding:.85rem 1rem;display:flex}.admin-role-chip{color:#1f3d61;background:#eef4fb;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-weight:600;display:inline-flex}.admin-role-chip small{color:#5a6d82;font-weight:700}.admin-side-panel{align-self:start}.admin-modal-overlay{z-index:1200;background:#0a18286b;justify-content:center;align-items:flex-start;padding:32px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-modal{width:min(960px,100vw - 40px);max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 28px 64px #0e213538}.admin-modal-large{width:min(880px,100vw - 40px)}.admin-modal-xlarge{width:min(1180px,100vw - 40px)}.admin-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.admin-modal-header h3{margin-bottom:.2rem}.empty-state-panel{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0;display:flex}.center-state{background:linear-gradient(#f4f0e8 0%,#eef3f8 100%);place-items:center;min-height:100vh;display:grid}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.dashboard-grid,.admin-summary-grid,.project-budget-summary-grid,.commitment-summary-grid,.hr-report-summary-grid,.ai-summary-grid,.accounts-layout,.coa-summary-grid,.procurement-reconciliation-summary-grid,.hospitality-report-summary-grid,.projects-layout,.detail-grid,.management-placeholder-layout,.ai-metrics-grid{grid-template-columns:1fr}}