:root {
  --navy:#082e5c;
  --navy-deep:#05274f;
  --navy-top:#062752;
  --blue:#1375eb;
  --blue-2:#0d69db;
  --text:#10294d;
  --muted:#63748e;
  --line:#dbe3ee;
  --bg:#f7f9fc;
  --card:#ffffff;
  --shadow:0 1px 2px rgba(15,39,73,.06),0 2px 8px rgba(28,59,96,.04);
  --radius:9px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}
body{overflow-x:auto}
button,input{font:inherit}
a{color:#0d6ee6;text-decoration:none}
.icon{width:20px;height:20px;display:block;fill:none;color:currentColor}
.mini-icon{width:15px;height:15px;vertical-align:-3px;margin-left:3px}

.topbar{height:64px;background:linear-gradient(90deg,#062956 0%,#062653 54%,#06234a 100%);position:fixed;left:0;right:0;top:0;z-index:20;display:flex;align-items:center;color:white;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{width:460px;display:flex;align-items:center;padding-left:24px;font-size:20px;font-weight:700;letter-spacing:-.3px;gap:12px;white-space:nowrap}
.brand-logo{width:38px;height:38px}
.global-search{height:42px;width:535px;border:1px solid rgba(187,211,244,.35);border-radius:7px;background:rgba(255,255,255,.06);display:flex;align-items:center;padding:0 11px;color:#d8e5f8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.global-search .icon{width:18px;height:18px;margin-right:8px}
.global-search input{flex:1;border:0;outline:none;background:transparent;color:#fff;font-size:14px}
.global-search input::placeholder{color:#ccd9eb;opacity:.95}
.shortcut{font-size:12px;color:#d5e1f3;padding-left:10px}
.top-actions{margin-left:auto;height:100%;display:flex;align-items:center;gap:13px;padding-right:25px}
.icon-button{width:34px;height:34px;border:0;background:transparent;color:white;display:grid;place-items:center;position:relative;padding:0}
.icon-button .icon{width:24px;height:24px}
.notification .badge{position:absolute;top:-2px;right:-3px;background:#f33c45;color:#fff;font-size:10px;font-weight:700;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--navy-top)}
.profile{display:flex;align-items:center;gap:10px;margin-left:5px}
.profile img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25)}
.profile-copy{display:flex;flex-direction:column;line-height:1.2;min-width:126px}
.profile-copy strong{font-size:13px;color:#fff}
.profile-copy span{font-size:11px;color:#bfd0e7;margin-top:3px}
.profile .chevron{width:16px;height:16px;margin-left:2px;color:#d5dfef}

.sidebar{position:fixed;top:64px;left:0;bottom:0;width:225px;background:linear-gradient(180deg,#083667 0%,#062c59 46%,#062953 100%);color:#f5f9ff;z-index:15;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04)}
.side-nav{padding:13px 9px 0;display:flex;flex-direction:column;gap:2px}
.nav-item{height:46px;display:flex;align-items:center;gap:13px;padding:0 15px;border-radius:6px;color:#f6f9fe;font-weight:600;font-size:14px}
.nav-item .icon{width:23px;height:23px;color:#e5eefb;flex:0 0 auto}
.nav-item.active{background:linear-gradient(90deg,#0b61bc 0%,#0a58aa 100%);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.nav-item.active .icon{color:#fff}
.collapse-button{margin-top:auto;height:64px;border:0;border-top:1px solid rgba(255,255,255,.12);background:transparent;color:#e7effb;display:flex;align-items:center;gap:12px;padding:0 24px;font-weight:500}
.collapse-button .icon{width:22px;height:22px}

.main-content{margin-left:225px;padding:24px 34px 39px;min-width:1180px;margin-top:64px;min-height:calc(100vh - 64px);background:radial-gradient(circle at 82% 2%,rgba(255,255,255,.96),rgba(247,249,252,.86) 42%,#f7f9fc 75%)}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}
.page-heading h1{font-size:23px;line-height:1.2;margin:0 0 7px;letter-spacing:-.5px;color:#0d2445;font-weight:700}
.page-heading p{margin:0;color:#60708a;font-size:13px}
.page-actions{display:flex;align-items:center;gap:10px;margin-top:1px}
.btn{height:40px;border-radius:6px;padding:0 15px;border:1px solid #ccd7e5;background:#fff;color:#385372;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:13px}
.btn .icon{width:19px;height:19px}
.btn-primary{background:linear-gradient(180deg,#1778ee,#0e68dc);color:#fff;border-color:#0f68dc}
.split-button{display:flex}
.split-button .btn:first-child{border-radius:6px 0 0 6px;border-right:1px solid rgba(255,255,255,.28)}
.split-button .split-trigger{width:33px;padding:0;border-radius:0 6px 6px 0}
.split-trigger .icon{width:15px;height:15px}
.btn-outline{background:#fff}
.btn-square{width:40px;padding:0;background:#fff;color:#526983}

.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.kpi-card{min-height:109px;background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:var(--shadow);display:flex;align-items:center;padding:17px 14px;gap:13px}
.kpi-icon{width:57px;height:57px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}
.kpi-icon .icon{width:32px;height:32px}
.kpi-icon.blue{background:#eff5ff;color:#0871f1}.kpi-icon.purple{background:#f4efff;color:#6a2fde}.kpi-icon.cyan{background:#eafafa;color:#08a9b7}.kpi-icon.orange{background:#fff1ea;color:#f36d16}.kpi-icon.rose{background:#fff0f3;color:#e52848}
.kpi-card>div:last-child{min-width:0}
.kpi-label{display:block;color:#5c6e88;font-size:12px;margin-bottom:3px;white-space:nowrap}
.kpi-card strong{font-size:26px;line-height:1;display:block;color:#0e284c;margin-bottom:7px;letter-spacing:-.4px}
.kpi-card a{font-size:11px;font-weight:600;white-space:nowrap}

.upper-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:17px;margin-bottom:14px}
.card{background:#fff;border:1px solid #dbe3ed;border-radius:8px;box-shadow:var(--shadow)}
.card-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e7edf4}
.card-header.compact{height:45px;border-bottom:0;padding:0 16px}
.card-header h2{font-size:15px;display:flex;align-items:center;gap:9px;margin:0;color:#10294d;font-weight:700;white-space:nowrap}
.card-header a{font-size:11px;font-weight:600;white-space:nowrap}
.section-icon{width:20px;height:20px;color:#6a7d99}
.open-filings{height:310px;overflow:hidden}
.table-wrap{padding:0 17px}
table{width:100%;border-collapse:collapse;table-layout:fixed}
thead{background:#f8fafc}
th,td{text-align:left;font-size:12px;padding:10px 12px;color:#314966;border-bottom:1px solid #e9eef4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
th{font-weight:600;color:#53647d;padding-top:9px;padding-bottom:9px}
th:nth-child(1){width:135px}th:nth-child(2){width:185px}th:nth-child(3){width:95px}th:nth-child(4){width:224px}th:nth-child(5){width:170px}th:nth-child(6){width:140px}th:nth-child(7){width:28px}
tbody tr{height:36px}
.status{height:22px;border-radius:12px;display:inline-flex;align-items:center;padding:0 8px;font-size:11px;font-weight:600;gap:6px}
.status i{width:7px;height:7px;border-radius:50%;display:block}
.status.accepted{background:#eaf8f0;color:#169b59}.status.accepted i{background:#16a05f}
.status.submitted{background:#e9f3ff;color:#1473e7}.status.submitted i{background:#1676e9}
.status.progress{background:#e8f6ff;color:#0879c9}.status.progress i{background:#1f9de2}
.status.pending{background:#fff3df;color:#d78a08}.status.pending i{background:#e5a014}
.status.draft{background:#eff2f6;color:#687893}.status.draft i{background:#7a8aa0}
.row-menu{border:0;background:transparent;color:#526984;padding:0;display:grid;place-items:center}.row-menu .icon{width:16px;height:16px}
.card-footer-link{display:inline-flex;align-items:center;margin:10px 18px 0;font-size:11px;font-weight:600}
.validation-card{height:310px}
.validation-card .card-header{border-bottom:0}
.validation-list{padding:4px 19px 10px}
.validation-list>div{display:flex;align-items:center;justify-content:space-between;height:29px;font-size:12px;color:#2f445f}
.validation-list>div>span:first-child{font-weight:600;color:#263b58}
.validation-ok,.validation-warn{display:flex;align-items:center;gap:8px;min-width:100px;justify-content:flex-start;color:#51647d}
.validation-ok b,.validation-warn b{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.validation-ok b{background:#19a968;color:#fff}.validation-warn b{background:transparent;color:#f0aa10}
.validation-ok svg{width:13px;height:13px}.validation-warn svg{width:18px;height:18px}
.readiness{border-top:1px solid #e3eaf2;margin:0 19px;padding-top:14px}
.readiness-copy{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:10px}.readiness-copy strong{color:#159a58}
.progress-bar{height:6px;border-radius:4px;background:#e3e7ed;overflow:hidden}.progress-bar span{display:block;height:100%;width:83%;background:#16a05f;border-radius:4px}

.lower-grid{display:grid;grid-template-columns:314px 326px minmax(330px,1fr) 360px;gap:12px}
.lower-grid>.card{height:311px;position:relative;overflow:hidden}
.tree{padding:4px 14px;font-size:11px;color:#2c425e;line-height:1}
.tree-row,.tree-child{height:22px;display:flex;align-items:center;white-space:nowrap}
.tree-row .tree-chev{width:15px;height:15px;color:#536c88;margin-right:2px}.tree-folder{width:16px;height:16px;color:#d69a2f;margin-right:7px}.tree-file{width:15px;height:15px;color:#1878e8;margin-right:7px}.tree-file.gray{color:#657b98}
.tree-row.root{font-weight:600}.tree-group{padding-left:18px;border-left:1px dashed #d6dfea;margin-left:7px}.tree-child{padding-left:37px}
.deadline-list{padding:0 15px}
.deadline-row{height:63px;border-bottom:1px solid #e7edf3;display:grid;grid-template-columns:43px 1fr 48px;align-items:center;gap:10px}
.date-chip{width:38px;height:47px;border-radius:5px;border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.date-chip span{font-size:9px;font-weight:700;margin-bottom:4px}.date-chip strong{font-size:17px}.date-chip.red{color:#d44555;background:#fff5f6;border-color:#f0cfd4}.date-chip.orange{color:#de791c;background:#fff6ef;border-color:#f0d8c6}.date-chip.blue{color:#1875dc;background:#f1f7ff;border-color:#d1e3fa}
.deadline-copy{min-width:0}.deadline-copy strong{display:block;font-size:11px;color:#263a57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.deadline-copy span{display:block;font-size:10px;color:#62728a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.due{font-size:10px;text-align:right}.red-text{color:#e02b3e}.orange-text{color:#e0790f}.blue-text{color:#1671de}
.bottom-link{position:absolute;left:15px;bottom:15px;font-size:11px;font-weight:600}
.activity-list{padding:0 14px}
.activity-row{height:44px;border-bottom:1px solid #e8edf3;display:grid;grid-template-columns:31px 1fr 41px;align-items:center;gap:8px}.activity-row img,.system-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.activity-row>div:nth-child(2){min-width:0}.activity-row strong{display:block;font-size:10.5px;color:#273b58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.activity-row span{display:block;font-size:9.5px;color:#677791;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row time{font-size:9px;color:#667790;text-align:right;white-space:nowrap}.system-avatar{display:grid;place-items:center;background:#f5f8fd;border:1px solid #d7e3f3;color:#1e75dc}.system-avatar svg{width:16px;height:16px}
.timeline{padding:3px 21px 0 34px;position:relative}.timeline:before{content:"";position:absolute;left:42px;top:20px;bottom:30px;width:2px;background:#d9e2ee}
.timeline-item{height:36px;display:grid;grid-template-columns:28px 1fr 76px;align-items:center;position:relative;gap:10px}.timeline-item strong{font-size:11px;color:#293d59}.timeline-item time{font-size:10px;color:#64758f;text-align:right}.timeline-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;z-index:1}.timeline-icon svg{width:14px;height:14px}.timeline-item.done .timeline-icon{background:#e6f8ef;color:#16a05f}.timeline-item.docket .timeline-icon{background:#eaf3ff;color:#1274e8}.timeline-item.warn .timeline-icon{background:#fff4dc;color:#efa712}.timeline-item.clock .timeline-icon{background:#eaf3ff;color:#1978ea}.timeline-item.order .timeline-icon{background:#f2eaff;color:#7b41db}.timeline-item.calendar .timeline-icon{background:#eef2f8;color:#60738d}

@media (max-width:1400px){
  .brand{width:380px}.global-search{width:430px}.lower-grid{grid-template-columns:300px 310px 1fr 340px}.main-content{padding-left:28px;padding-right:28px}.kpi-card{padding-left:11px;padding-right:11px}.kpi-icon{width:50px;height:50px}.kpi-card strong{font-size:23px}
}
@media (max-width:1200px){
  .profile-copy{display:none}.brand{width:330px}.global-search{width:390px}.upper-grid{grid-template-columns:1fr}.validation-card{height:auto}.lower-grid{grid-template-columns:repeat(2,minmax(330px,1fr))}.main-content{min-width:950px}.kpi-grid{grid-template-columns:repeat(3,1fr)}
}