:root{--navy:#0a2136;--navy2:#133b56;--ink:#193149;--sub:#6c8092;--bg:#f4f7fa;--line:#dae5ef;--blue:#2865a4;--gold:#c29959;--success:#197963;--orange:#b57b2e;--danger:#b84a50;--shadow:0 10px 32px #102c460c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,select{outline-offset:3px}button{cursor:pointer}a{color:inherit;text-decoration:none}.notice-top{padding:8px 18px;font-size:11px;text-align:center;color:#83551d;background:#fff1d8;border-bottom:1px solid #ecd8b4}.notice-top b{letter-spacing:.45px}.topbar{height:auto;min-height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:8px 26px;position:sticky;top:0;z-index:20}.topbar img{width:211px;height:52px;object-fit:contain;display:block}.brand-meta{padding-left:19px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.brand-meta strong{font-size:13px}.brand-meta small{font-size:9px;letter-spacing:1.5px;color:#71889e;font-weight:800}.toplinks{margin-left:auto;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.toplinks a{font-size:11px;padding:9px 11px;border-radius:9px;color:#537187;font-weight:700}.toplinks a:hover{background:#f0f6fa}.toplinks a.active{background:#eaf3fb;color:#12568c}.app{max-width:1740px;margin:auto;display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 138px)}.sidenav{background:var(--navy);color:#ecf3f9;padding:22px 13px}.nav-kicker{color:#95b0c3;font-size:10px;letter-spacing:1.5px;font-weight:900;margin:5px 12px 10px}.nav-name{font-size:17px;font-weight:800;margin:0 12px 2px}.nav-caption{color:#9fb8cb;font-size:11px;margin:0 12px 20px}.nav-group{font-size:9px;letter-spacing:1.4px;color:#7b9aae;font-weight:850;margin:22px 12px 8px}.side-btn{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:transparent;border:0;border-radius:9px;color:#d2e3ef;padding:11px 12px;font-size:12px;font-weight:650;margin:2px 0}.side-btn:hover{background:#1c415e}.side-btn.on{color:#fff;background:#285678;box-shadow:inset 3px 0 var(--gold)}.side-btn .ico{font-size:17px;width:22px;text-align:center}.sidenav .foot{font-size:10px;color:#8ca7b9;border-top:1px solid #26475d;padding:16px 10px;margin-top:25px}.main{min-width:0;padding:27px 29px 55px}.section{display:none}.section.on{display:block}.kicker{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#2b6398;text-transform:uppercase}.title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:19px}.title-row h1{font-size:clamp(23px,2.5vw,32px);color:var(--navy);margin:6px 0 8px;letter-spacing:-.7px;line-height:1.15}.muted{color:var(--sub);margin:0}.small{font-size:11px}.btn{background:#154f83;color:#fff;border:1px solid #154f83;padding:10px 14px;border-radius:9px;font-weight:750;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px}.btn.secondary{background:#fff;color:#23587e;border-color:#bfd4e3}.btn.soft{background:#e8f3fb;color:#28638e;border-color:#e4eff7}.btn.disabled{opacity:.58}.btn:hover{filter:brightness(.95)}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:19px;min-width:0}.card h2,.card h3{margin:0;color:var(--navy)}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:17px}.card-head h2{font-size:15px}.card-head h3{font-size:13px}.card-sub{font-size:11px;color:var(--sub);margin:5px 0 0}.gap{display:grid;gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{background:#0e233b;border:1px solid #263951;border-radius:12px;padding:16px;color:#fff}.stat:nth-child(2){background:#112c42}.stat:nth-child(3){background:#16354a}.stat:nth-child(4){background:#183447}.stat small{color:#a7c0d5;font-size:10px;display:block}.stat strong{font-size:27px;letter-spacing:-1px;display:block;margin:7px 0}.stat span{font-size:10px;color:#b4c8d5}.chip{font-size:10px;font-weight:750;display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:5px 9px;background:#e8f2fa;color:#235f92;white-space:normal}.chip.green{background:#e5f6ed;color:#16795c}.chip.gold{background:#fff2dd;color:#956122}.chip.red{background:#ffede9;color:#a74544}.chip.gray{background:#edf1f5;color:#698296}.layoutline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:16px 0}.flow-step{border:1px solid #d9e4eb;padding:12px 7px;border-radius:9px;background:#f5f8fa;min-width:0;display:grid;gap:6px;position:relative}.flow-step .num{color:#879aa8;font-size:10px;font-weight:900}.flow-step .name{font-size:10px;line-height:1.2;font-weight:750}.flow-step.done{background:#ebf8f1;border-color:#afe0c9;color:#14664e}.flow-step.current{background:#fff4e3;border-color:#e7c58b;box-shadow:inset 0 0 0 1px #d2a561;color:#8a5a25}.flow-step.pending{color:#7e93a5}.progress{height:7px;background:#e1e9ef;border-radius:20px;overflow:hidden}.progress>i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#14795e,#4cb69b)}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #edf1f4}.row:last-child{border:0}.row strong{font-size:12px}.row p,.row small{margin:4px 0 0;color:var(--sub);font-size:11px}.row-main{min-width:0;flex:1}.itemname{font-weight:800;color:#233d51}.inline-section{margin-top:15px}.input,select,textarea{width:100%;padding:11px 12px;border:1px solid #ccdae5;border-radius:9px;background:#fff;color:var(--ink);font-size:12px;min-width:0}.input:focus,select:focus,textarea:focus{border-color:#5797c4;outline:2px solid #d5ebfa}textarea{min-height:100px;resize:vertical}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field label{display:block;font-size:11px;font-weight:800;color:#526b80;margin-bottom:7px}.field.full{grid-column:1/-1}.aside{background:#f1f7fb;border:1px solid #d9e7f2;border-radius:10px;padding:13px;font-size:11px;color:#4f697f}.formsummary{background:#f3f8fc;padding:16px;border:1px solid #d9e6f0;border-radius:10px;display:none;margin-top:15px}.formsummary.show{display:block}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}.tbl{width:100%;border-collapse:collapse;min-width:670px;background:#fff}.tbl thead{background:#f4f8fb}.tbl th{text-align:left;font-size:10px;color:#71879a;text-transform:uppercase;letter-spacing:.55px;padding:12px}.tbl td{border-top:1px solid #edf1f4;padding:12px;font-size:11px;vertical-align:middle}.tbl td strong{font-size:11px}.pill{text-transform:uppercase;font-size:9px;letter-spacing:.5px;color:#758ea1;font-weight:900}.link{background:transparent;border:0;color:#216399;font-weight:750;font-size:11px;padding:4px 0}.project-picker{display:flex;gap:8px;flex-wrap:wrap}.project-choice{border-radius:10px;border:1px solid #d1e0ea;background:#fff;color:#37546b;text-align:left;max-width:260px;min-width:176px;padding:12px;font-size:11px}.project-choice strong{display:block;font-size:12px;margin-bottom:4px}.project-choice small{display:block;color:#73879a}.project-choice.active{background:#143e59;color:#fff;border-color:#143e59}.project-choice.active small{color:#c7d9e4}.docs-list{display:grid;gap:9px}.doc{display:flex;align-items:center;gap:12px;padding:12px;background:#fbfdff;border:1px solid #e1eaf0;border-radius:10px}.doc-ico{font-size:20px;background:#edf4fa;padding:10px;border-radius:10px}.doc-main{flex:1;min-width:0}.doc-main strong{display:block;font-size:12px}.doc-main small{display:block;font-size:10px;color:#7c8fa1;margin-top:4px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mini{padding:12px;border-radius:10px;background:#f2f7fb;border:1px solid #e0eaf2}.mini small{display:block;font-size:10px;color:#7790a4}.mini strong{font-size:13px;display:block;margin-top:4px}.thread{display:flex;gap:15px}.thread-list{width:240px;flex:none;display:grid;align-content:start;gap:8px}.thread-card{border:1px solid var(--line);background:#fff;padding:12px;text-align:left;border-radius:10px}.thread-card.on{background:#eef6fc;border-color:#8fb9d7}.thread-card strong{display:block;font-size:11px}.thread-card small{color:var(--sub);display:block;margin-top:5px;font-size:10px}.chat{flex:1;min-width:0}.bubble{background:#f0f5fa;padding:12px 14px;margin:11px 0;border-radius:12px;max-width:88%;font-size:12px}.bubble.out{margin-left:auto;background:#e8f1fb}.bubble small{display:block;color:#68849b;font-size:10px;margin-bottom:6px}.alert{padding:12px 14px;background:#fff7ea;border:1px solid #efd8b5;border-radius:10px;font-size:11px;color:#785b38}.alert.ok{background:#edf9f1;border-color:#bee4cd;color:#286c51}.upload-area{border:1px dashed #a5c2d9;background:#f8fbfd;border-radius:10px;padding:17px}.upload-area input{font-size:11px;max-width:100%}.upload-area p{font-size:10px;color:var(--sub)}.companybox{display:flex;gap:13px;align-items:center}.avatar{width:54px;height:54px;flex:none;border-radius:13px;background:linear-gradient(135deg,#164367,#4184a0);color:white;display:grid;place-items:center;font-size:20px;font-weight:800}.space{height:13px}.divider{border:0;border-top:1px solid var(--line);margin:15px 0}.timeline{border-left:2px solid #d6e5ee;margin:7px 0 0 6px;padding:2px 0 0 16px}.event{margin:0 0 20px;position:relative}.event:before{content:'';position:absolute;left:-23px;top:4px;height:10px;width:10px;border-radius:100%;background:#a8bfd2;border:2px solid #fff}.event strong{font-size:12px}.event small{font-size:10px;color:var(--sub);display:block}.event p{font-size:11px;margin:5px 0 0;color:#647f92}.modalshade{display:none;position:fixed;inset:0;background:#071b2aa8;z-index:50;align-items:center;justify-content:center;padding:15px}.modalshade.open{display:flex}.modal{width:min(560px,100%);max-height:85vh;overflow:auto;background:white;padding:24px;border-radius:17px;box-shadow:0 35px 100px #091e33a6}.modal h2{font-size:18px}.modalcontent{font-size:12px;color:#526b7e}.modalfooter{display:flex;justify-content:end;margin-top:20px}.toast{position:fixed;bottom:20px;right:20px;background:#0e2e48;color:#fff;padding:13px 17px;border-radius:10px;display:none;z-index:60;max-width:360px;font-size:12px}.toast.on{display:block}.hub{max-width:1220px;margin:auto;padding:35px 22px 70px}.hero{border-radius:22px;background:radial-gradient(circle at 95% 8%,#2b607b 0,transparent 38%),linear-gradient(120deg,#091f35,#173e57);padding:40px;color:white;position:relative;overflow:hidden}.hero .kicker{color:#b8d4e6}.hero h1{font-size:clamp(29px,4vw,46px);margin:10px 0 12px;max-width:680px;line-height:1.09}.hero p{max-width:690px;color:#bfd3e0;font-size:14px}.portalcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:21px 0}.portalcard{padding:24px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.portalcard .symbol{height:48px;width:48px;display:grid;place-items:center;font-size:23px;border-radius:12px;background:#ebf3f9;color:#1d5a87}.portalcard h2{font-size:19px;margin:16px 0 8px}.portalcard p{font-size:12px;color:var(--sub);min-height:78px}.portalcard .minirow{font-size:11px;color:#556d81;margin:8px 0}.hub-band{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;margin-top:16px}.hub-flow{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;gap:9px}.hub-node{border:1px solid #dbe6ee;border-radius:11px;background:#f4f8fb;padding:16px;text-align:center;font-size:11px}.hub-node strong{display:block;font-size:13px}.hub-arrow{text-align:center;color:#a0b0bf;font-size:28px}.footline{font-size:10px;text-align:center;color:#8094a6;padding:20px}.sidelink{margin:20px 8px;font-size:10px;color:#9fbbd0;line-height:1.8}
@media(max-width:1150px){.app{grid-template-columns:205px minmax(0,1fr)}.main{padding:20px}.flow-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portalcards{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.app{display:block}.sidenav{display:flex;overflow-x:auto;align-items:center;gap:4px;padding:9px}.nav-kicker,.nav-name,.nav-caption,.nav-group,.sidenav .foot,.sidelink{display:none}.side-btn{flex:none;width:auto;padding:9px 10px;font-size:11px}.side-btn .ico{display:none}.topbar{position:static;padding:10px 14px;flex-wrap:wrap;gap:9px}.brand-meta{display:none}.toplinks{margin-left:0}.grid3{grid-template-columns:1fr 1fr}.thread{display:block}.thread-list{width:auto;display:flex;overflow:auto;margin-bottom:12px}.thread-card{min-width:170px}.portalcards{grid-template-columns:1fr}.portalcard p{min-height:0}}
@media(max-width:580px){.main{padding:16px 12px}.grid2,.grid3,.grid4,.formgrid,.mini-grid{grid-template-columns:1fr}.stat strong{font-size:23px}.flow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.project-choice{min-width:0;max-width:100%;width:100%}.project-picker{display:grid;grid-template-columns:1fr}.card{padding:15px}.hero{padding:26px 21px}.hub{padding:18px 12px 40px}.topbar img{width:185px}.hub-flow{grid-template-columns:1fr}.hub-arrow{transform:rotate(90deg)}.title-row h1{font-size:25px}}