*{box-sizing:border-box}body{color:#071526;background:#f4f7fb;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-header{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;height:60px;padding:8px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.brand-logo{color:#fff;background:#0b6680;border-radius:9px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.company-switch{border:1px solid var(--border);background:var(--soft);height:34px;color:var(--text);border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:13px;display:flex}.global-search{background:var(--soft);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;gap:10px;max-width:560px;height:42px;margin:auto;padding:0 12px;display:flex}.global-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.env-badge{color:#b00000;background:0 0;border:1px solid #d10;border-radius:16px;padding:5px 10px;font-size:12px;font-weight:700}.icon-button{border:1px solid var(--border);background:var(--panel);width:36px;height:36px;color:var(--text);border-radius:8px;place-items:center;display:grid}.body-layout{flex:1;display:flex}.side-menu{background:var(--panel);border-right:1px solid var(--border);width:245px;min-height:calc(100vh - 60px);padding:14px 8px;transition:all .2s}.side-menu.collapsed{width:58px}.collapse-btn{border:1px solid var(--border);background:var(--panel);width:34px;height:34px;color:var(--text);border-radius:8px;margin-bottom:14px}.menu-group{margin-bottom:14px}.menu-group-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:12px 8px 6px;font-size:11px}.menu-item{width:100%;min-height:40px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.menu-item:hover{background:var(--soft)}.menu-item.active{color:#005b73;background:#e1f3f7}.favorite-star{color:#08728d;margin-left:auto}.content-area{flex:1;padding:24px 22px 50px;overflow:auto}.breadcrumb{color:var(--muted);margin:4px 0 16px;font-size:12px}.breadcrumb span{color:#b00000;border:1px solid #d10;border-radius:14px;margin-left:8px;padding:3px 8px;font-weight:700}.page-title{margin-bottom:14px}.page-title h1{margin:0 0 8px;font-size:25px;line-height:1.1}.page-title p{color:var(--muted);margin:0}.compact-page{max-width:100%}.workspace-layout{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.my-work{grid-column:span 3}.kpi-row{grid-column:span 3;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi-card,.panel,.empty-state,.drawer-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #061e320d}.kpi-card{padding:16px 18px}.kpi-card span{color:var(--muted);font-size:14px;display:block}.kpi-card strong{margin:8px 0;font-size:30px;display:block}.kpi-card small{color:var(--muted)}.panel{padding:16px}.panel h3{margin:0 0 12px}.mini-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-list span,.list-button{background:var(--soft);border:1px solid var(--border);text-align:left;color:var(--text);border-radius:8px;padding:10px 12px}.mini-list b{float:right}.list-button{width:100%;margin-bottom:9px;display:block}.toolbar{flex-wrap:wrap;gap:8px;margin:10px 0 12px;display:flex}.toolbar button,.filter-bar button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:7px;align-items:center;gap:6px;padding:8px 11px;display:flex}.dense-toolbar{margin:8px 0}.filter-bar{gap:8px;margin:10px 0;display:flex}.filter-bar input,.filter-bar select{border:1px solid var(--border);background:var(--panel);height:38px;color:var(--text);border-radius:7px;padding:0 10px}.filter-bar input{flex:1}.personalization-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:10px 0;padding:12px}.column-controls{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.column-chip{border:1px solid var(--border);background:var(--soft);border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex}.column-chip button{border:1px solid var(--border);background:var(--panel);border-radius:5px}.grid-wrap{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin-top:10px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px 12px}th{background:var(--soft);font-weight:700;position:sticky;top:0}tr:hover td{background:#1e78a00f}.pager{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.pager button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:7px;padding:7px 10px}.drawer-panel{margin:10px 0;padding:14px}.attachment-drop{border:1px dashed var(--border);background:var(--soft);text-align:center;color:var(--muted);border-radius:10px;padding:24px}.placeholder-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.empty-state{color:var(--muted);flex-direction:column;gap:8px;padding:20px;display:flex}.empty-state strong{color:var(--text)}.registry-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.registry-grid div{background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:9px}.registry-grid span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.toast{color:#fff;z-index:20;border-radius:10px;padding:13px 16px;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 30px #00000038}.toast.success{background:#067a46}.toast.warning{background:#9b6500}.toast.error{background:#b42318}.toast.info{background:#086788}.footer{border-top:1px solid var(--border);background:var(--panel);height:30px;color:var(--muted);align-items:center;padding:0 14px;font-size:12px;display:flex}.admin-title{align-items:center;gap:12px;display:flex}.title-icon{color:#005b73;background:#e1f3f7;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.admin-cards{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.admin-cards div{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.admin-cards span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.admin-grid table td:first-child,.admin-grid table th:first-child{font-weight:700}.screen-framework .page-title h1{font-size:24px}.inline-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.view-tabs{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:6px;padding:4px;display:flex}.view-tabs button{color:var(--text);background:0 0;border:0;border-radius:8px;padding:8px 10px}.view-tabs button.active{background:var(--soft);font-weight:700}.sticky-toolbar{z-index:3;position:sticky;top:58px}.advanced-filter{grid-template-columns:1.4fr 220px 190px auto 1fr;align-items:center;display:grid}.advanced-filter label{background:var(--panel);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.advanced-filter label input,.advanced-filter label select{background:0 0;border:0;width:100%}.grid-status{color:var(--muted);justify-self:end;font-size:13px}.grid-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:14px;display:grid}.side-panel{max-height:calc(100vh - 170px);position:sticky;top:108px;overflow:auto}.side-panel small{color:var(--muted);margin:6px 0 10px;display:block}.column-controls.vertical{flex-direction:column;gap:7px;display:flex}.column-controls.vertical .column-chip{flex-direction:column;align-items:stretch;gap:6px;padding:8px;display:flex}.column-chip div{flex-wrap:wrap;gap:4px;display:flex}.column-chip button{min-width:26px;padding:3px 6px}.grid-main{min-width:0}.advanced-grid{border:1px solid var(--border);background:var(--panel);border-radius:12px;max-height:54vh;overflow:auto}.advanced-grid table{border-collapse:separate;border-spacing:0;width:100%}.advanced-grid th{z-index:2;background:var(--soft);box-shadow:0 1px 0 var(--border);white-space:nowrap;position:sticky;top:0}.advanced-grid th,.advanced-grid td{border-bottom:1px solid var(--border);padding:9px 10px;font-size:13px}.advanced-grid.compact th,.advanced-grid.compact td{padding:7px 8px}.advanced-grid tbody tr{cursor:pointer}.advanced-grid tbody tr:hover,.advanced-grid tbody tr.selected{background:#0e607a14}.select-col{text-align:center;width:42px!important;min-width:42px!important}.pro-pager{justify-content:flex-end;gap:10px}.pro-pager button{align-items:center;gap:4px;display:inline-flex}.compact-drawer{margin-bottom:10px}.tree-menu .collapse-btn{align-items:center;gap:8px;display:flex}.tree-title{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:4px;padding:10px 8px 5px;font-size:11px;display:flex}.recent-box{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-direction:column;gap:5px;margin:8px;padding:8px;display:flex}.recent-box strong{color:var(--muted);font-size:12px}.recent-box button{text-align:left;background:var(--soft);color:var(--text);border:0;border-radius:7px;padding:6px 8px}@media (width<=1100px){.grid-layout{grid-template-columns:1fr}.side-panel{max-height:none;position:static}.advanced-filter{grid-template-columns:1fr}.inline-title{flex-direction:column}}.breadcrumb-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.breadcrumb-row .breadcrumb{margin:0}.favorite-action{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:18px;padding:6px 10px}.favorite-action.active{color:#684700;background:#fff4d6;border-color:#e8c46a}.favorite-star.active{fill:#f6c343;color:#a36b00}.nav-quick-box{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-direction:column;gap:5px;margin:8px;padding:8px;display:flex}.nav-quick-box strong{color:var(--muted);font-size:12px}.nav-quick-box button{text-align:left;color:var(--text);background:#fff8dc;border:0;border-radius:7px;padding:6px 8px}.nav-quick-box small,.recent-box small{color:var(--muted);padding:5px;font-size:12px}.search-box{position:relative}.search-results{background:var(--panel);border:1px solid var(--border);z-index:30;border-radius:10px;padding:6px;position:absolute;top:42px;left:0;right:0;box-shadow:0 16px 38px #0000002e}.search-results button{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.search-results button:hover{background:var(--soft)}.search-results span,.search-results small{color:var(--muted);font-size:12px}.profile-wrap{position:relative}.profile-menu{background:var(--panel);border:1px solid var(--border);z-index:35;border-radius:12px;flex-direction:column;gap:6px;width:230px;padding:10px;display:flex;position:absolute;top:42px;right:0;box-shadow:0 16px 38px #0000002e}.profile-menu>span{color:var(--muted);margin-bottom:4px;font-size:12px}.profile-menu button{background:var(--soft);color:var(--text);text-align:left;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.full-grid-layout{display:block}.full-width-grid{width:100%}.personalization-drawer{background:var(--panel);border-left:1px solid var(--border);z-index:25;width:330px;padding:14px;transition:right .2s;position:fixed;top:58px;bottom:30px;right:-360px;overflow:auto;box-shadow:-18px 0 40px #0000002e}.personalization-drawer.open{right:0}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-head button{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:7px;padding:5px}.drawer-backdrop{z-index:24;background:#020c1424;position:fixed;inset:58px 0 30px}.advanced-grid{max-height:62vh}.dashboard-split{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.search-demo-panel{padding:12px}.search-card-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.search-card-grid button,.module-landing-grid button{border:1px solid var(--border);background:var(--soft);color:var(--text);text-align:left;border-radius:10px;flex-direction:column;gap:5px;padding:12px;display:flex}.search-card-grid span,.module-landing-grid span{color:var(--muted);font-size:12px}.module-landing-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.module-landing-grid button strong{margin-top:6px}.footer{font-size:12px}.side-menu{padding-bottom:42px}.menu-group:nth-of-type(5) .menu-item{padding-left:24px}.advanced-filter{grid-template-columns:minmax(280px,1.6fr) 220px 190px auto minmax(150px,1fr)}@media (width<=1100px){.search-card-grid,.module-landing-grid{grid-template-columns:repeat(2,1fr)}.personalization-drawer{width:310px}.dashboard-split{grid-template-columns:1fr}}@media (width<=760px){.breadcrumb-row{flex-direction:column;align-items:flex-start}.search-card-grid,.module-landing-grid{grid-template-columns:1fr}.profile-menu{right:-8px}.personalization-drawer{width:min(92vw,330px);top:96px;bottom:0}}.menu-empty-state{color:var(--muted);background:var(--soft);border-radius:10px;margin:4px 12px 8px 34px;padding:7px 9px;font-size:11px}.grid-summary-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 12px;display:grid}.grid-summary-strip div{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex}.grid-summary-strip span{color:var(--muted);font-size:12px}.grid-summary-strip strong{margin-left:auto;font-size:16px}.advanced-toolbar{flex-wrap:wrap;gap:6px}.v08-filter{grid-template-columns:minmax(320px,1.6fr) 210px 210px 190px auto minmax(130px,1fr)}.selection-bar{color:#5c4100;background:#fff8dc;border:1px solid #e8c46a;border-radius:10px;align-items:center;gap:8px;margin:8px 0;padding:8px 10px;display:flex}.selection-bar button{color:#5c4100;background:#fff;border:1px solid #e8c46a;border-radius:7px;padding:5px 10px}.status-pill{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.draft{color:#415466;background:#eef3f7}.status-pill.pending{color:#795400;background:#fff4d6;border-color:#e8c46a}.status-pill.reviewed{color:#075985;background:#e6f4ff;border-color:#b8ddff}.status-pill.posted{color:#067a46;background:#e8f7ee;border-color:#bde7ca}.row-action-col{text-align:center;width:46px!important;min-width:46px!important}.row-action-col button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:4px}.focus-mode .breadcrumb-row,.focus-mode .page-title p{display:none}.focus-mode .advanced-grid{max-height:70vh}.record-details-drawer{background:var(--panel);border-left:1px solid var(--border);z-index:26;width:360px;padding:14px;position:fixed;top:58px;bottom:30px;right:0;overflow:auto;box-shadow:-18px 0 40px #0000002e}.record-details-drawer p{color:var(--muted);font-size:13px}.record-details-drawer dl{flex-direction:column;gap:8px;display:flex}.record-details-drawer dl div{border:1px solid var(--border);background:var(--soft);border-radius:8px;padding:8px}.record-details-drawer dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}.record-details-drawer dd{margin:3px 0 0;font-weight:600}.advanced-grid table input[type=checkbox]{width:15px;height:15px}.pro-view-tabs button{min-width:88px}.advanced-grid tbody tr:focus-within td{background:#0e607a14}@media (width<=1100px){.grid-summary-strip{grid-template-columns:repeat(2,1fr)}.v08-filter{grid-template-columns:1fr}.record-details-drawer{width:min(92vw,360px)}}@media (width<=760px){.grid-summary-strip{grid-template-columns:1fr}.advanced-toolbar button{flex:1}.record-details-drawer{top:96px;bottom:0}}:root{--panel:#fff;--soft:#eef4f8;--border:#d5e0ea;--text:#071526;--muted:#52627a}html[data-theme=dark]{--panel:#111827;--soft:#1f2937;--border:#374151;--text:#f8fafc;--muted:#a8b3c7}html[data-theme=dark] body{color:var(--text);background:#0b1220}html[data-theme=dark] .menu-item.active,html[data-theme=dark] .title-icon{color:#8ee7ff;background:#123c4c}html[data-theme=dark] .env-badge,html[data-theme=dark] .breadcrumb span{color:#ffb4a8;border-color:#ff7b6e}@media (width<=1100px){.company-switch{display:none}.kpi-row{grid-template-columns:repeat(2,1fr)}.workspace-layout{grid-template-columns:1fr 1fr}.my-work,.kpi-row{grid-column:span 2}.registry-grid,.admin-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.top-header{flex-wrap:wrap;height:auto}.brand{min-width:auto}.global-search{order:9;min-width:100%;max-width:none}.body-layout{display:block}.side-menu{border-right:0;border-bottom:1px solid var(--border);width:100%;min-height:auto;display:flex;overflow:auto}.side-menu.collapsed{width:100%}.menu-group{margin:0;display:flex}.menu-group-title{display:none}.menu-item{min-width:120px}.content-area{padding:16px 12px}.kpi-row,.workspace-layout,.placeholder-grid,.admin-cards{grid-template-columns:1fr}.my-work,.kpi-row{grid-column:auto}.mini-list{grid-template-columns:1fr}.filter-bar{flex-direction:column}.registry-grid{grid-template-columns:1fr}}