:root{--navy:#071f34;--navy2:#123753;--ink:#1a3145;--muted:#6c7d8d;--border:#dce5ed;--bg:#f4f7fa;--blue:#1555a2;--soft:#eaf2fb;--gold:#c59a63;--green:#16745d;--warm:#a06425;--red:#a94b40;--radius:15px;--shadow:0 10px 34px rgba(7,31,52,.045)}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6caaf5;outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.demo-banner{padding:8px 16px;background:#fff2db;text-align:center;color:#775222;border-bottom:1px solid #efd7b3;font-size:12px;font-weight:650}.sitebar{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 28px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.sitebar img{display:block;width:220px;height:53px;object-fit:contain;object-position:left}.sitebar-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sitebar-links a{text-decoration:none;font-size:12px;color:#4c6074;padding:8px 12px;border-radius:8px}.sitebar-links a:hover{background:var(--soft);color:var(--navy)}.sitebar-links .main-btn{border:1px solid #bfcfdd;font-weight:700}.app-shell{max-width:1720px;margin:auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:0;min-height:calc(100vh - 113px)}.sidebar{background:var(--navy);color:#e6f0f8;padding:24px 15px 22px}.sidebar-kicker{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#91aabf;margin:0 10px 12px}.sidebar-heading{font-size:17px;line-height:1.3;font-weight:800;margin:0 10px 4px}.sidebar-sub{font-size:11px;color:#a9bece;margin:0 10px 22px}.nav-group{border-top:1px solid #254056;margin-top:13px;padding-top:12px}.nav-group-label{padding:0 12px;margin:2px 0 8px;font-size:9px;color:#a4bed0;text-transform:uppercase;letter-spacing:1.4px;font-weight:850}.nav-action{display:flex;width:100%;align-items:center;gap:11px;padding:11px 12px;margin:2px 0;border:0;border-radius:10px;text-align:left;background:transparent;color:#d4e1ed;font-size:12px;font-weight:600;min-height:43px}.nav-action .nav-symbol{font-size:17px;width:21px;text-align:center}.nav-action:hover{background:#23445f}.nav-action.active{background:#2d5775;color:#fff;box-shadow:inset 3px 0 var(--gold)}.nav-action .count{margin-left:auto;background:#456981;font-size:10px;padding:2px 6px;border-radius:999px}.sidebar-footer{border-top:1px solid #284358;margin-top:25px;padding:18px 11px 0;color:#a8bbc9;font-size:11px}.main{min-width:0;padding:25px 30px 50px}.topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px;margin-bottom:19px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.65px;color:var(--blue);font-weight:800;margin:0 0 5px}.topline h1,.page-heading h2{margin:0;font-size:clamp(23px,2.5vw,31px);letter-spacing:-.7px;color:var(--navy);line-height:1.3}.subtext{font-size:12px;color:var(--muted);margin:5px 0 0}.actionrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:750;border:1px solid var(--navy);color:#fff;background:var(--navy);white-space:nowrap}.btn:hover{background:#244b6b}.btn.secondary{background:#fff;border-color:#cbd8e2;color:var(--navy)}.btn.secondary:hover{background:#eff5fa}.btn.small{padding:7px 10px;font-size:11px}.btn.gold{background:#bb955f;border-color:#bb955f;color:#142b40}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:19px;min-width:0}.card.no-shadow{box-shadow:none}.card-title{font-size:15px;line-height:1.35;font-weight:800;color:var(--navy);margin:0}.card-sub{font-size:11px;color:var(--muted);margin:4px 0 0}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:17px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:15px 17px}.metric-label{font-size:11px;color:#64778c;line-height:1.25}.metric-value{font-size:29px;color:var(--navy);font-weight:850;line-height:1.55;letter-spacing:-.7px}.metric-caption{font-size:10px;color:#8190a0}.metric-icon{float:right;background:#eaf2f9;border-radius:9px;padding:5px 9px;color:var(--blue)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gap{display:grid;gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.section-gap{margin-top:15px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;background:#eaf2fc;color:#1f5a94;font-size:10px;font-weight:750;white-space:nowrap}.badge.green{background:#e6f5ed;color:#146b4c}.badge.amber{background:#fff1dd;color:#8d571c}.badge.red{background:#ffeae6;color:#a24b3e}.badge.gray{background:#eff2f5;color:#687886}.divider{height:1px;background:var(--border);margin:14px 0}.rowline{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf1;padding:12px 0}.rowline:last-child{border-bottom:0}.rowline .left{flex:1;min-width:0}.rowline strong{font-size:12px;display:block}.rowline small{font-size:11px;color:var(--muted)}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{text-align:left;background:#f5f8fb;color:#627689;font-size:10px;text-transform:uppercase;letter-spacing:.65px;padding:11px 9px;white-space:nowrap}.data-table td{border-top:1px solid #e8eef3;padding:12px 9px;vertical-align:middle}.data-table tbody tr:hover{background:#f7fafc}.linkbtn{border:0;background:none;color:#125496;font-weight:750;font-size:12px;padding:5px 0;text-decoration:underline;text-decoration-color:#d0dfea}.statusline{display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;display:inline-block;background:var(--green);border-radius:999px}.mini-progress{height:7px;background:#e8eff4;border-radius:10px;overflow:hidden;min-width:75px}.mini-progress span{height:100%;display:block;background:#b89463;border-radius:10px}.page{display:none}.page.active{display:block}.page-heading{margin-bottom:19px}.split-view{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px}.company-rail{background:#fff;border:1px solid var(--border);border-radius:14px;padding:11px}.company-switch{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:13px;border-radius:10px;margin-bottom:5px;color:var(--ink)}.company-switch:hover,.company-switch.active{background:#eff5fa;border-color:#cfe0ed}.company-switch strong{display:block;font-size:12px;margin-bottom:5px}.company-switch small{font-size:11px;color:var(--muted)}.company-switch .company-status{font-size:10px;color:#1f6b8f}.case-header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.case-header h3{font-size:23px;margin:6px 0 6px;letter-spacing:-.5px}.case-header p{margin:0;color:var(--muted);font-size:12px}.case-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px}.case-stat{background:#f5f8fb;border:1px solid #e5edf3;border-radius:10px;padding:12px}.case-stat small{display:block;color:#718195;font-size:10px;margin-bottom:5px}.case-stat strong{display:block;font-size:12px;color:#25445c}.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}.stage-btn{background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px;text-align:left;min-height:95px;font-size:10.5px;line-height:1.4;font-weight:700;color:#526779;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.stage-btn .number{font-size:10px;letter-spacing:.6px;color:#8193a4}.stage-btn.done{background:#f1faf5;border-color:#cfe9dc;color:#16634f}.stage-btn.current{background:#fff5e8;border-color:#ecd6b5;color:#7d521e}.stage-btn.chosen{box-shadow:inset 0 0 0 2px #3671a9}.stage-detail{background:#eef5fa;border:1px solid #dceaf2;border-radius:12px;padding:18px}.stage-detail strong{font-size:13px}.stage-detail h3{margin:6px 0;color:var(--navy);font-size:17px}.stage-detail p{font-size:12px;color:#596f83}.detail-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.detail-cell{background:#fff;border:1px solid #dae5ed;border-radius:9px;padding:11px}.detail-cell .label{font-size:10px;color:#788b9c}.detail-cell strong{font-size:11px;display:block;margin-top:5px}.section-label{font-size:10px;color:#1e5a91;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.search{border:1px solid #d3e0e8;border-radius:9px;padding:10px 11px;width:100%;background:#fff;color:var(--ink);min-width:0}.select{border:1px solid #d3e0e8;border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);min-width:0}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.filters .search{flex:1;min-width:150px}.file-explorer{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.folder-list{display:grid;gap:5px}.folder-btn{border:1px solid transparent;text-align:left;padding:11px;border-radius:8px;background:none;font-size:12px;color:#52677d}.folder-btn.active{background:#eaf3fa;border-color:#d5e5f1;font-weight:750;color:#114c80}.doc-name{font-weight:800;font-size:12px;display:block}.doc-meta{font-size:11px;color:var(--muted)}.thread-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}.thread-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;width:100%;text-align:left}.thread-item.active{border-color:#8bafce;box-shadow:inset 3px 0 var(--blue);background:#f4f9fe}.thread-item strong{display:block;font-size:12px}.thread-item small{display:block;font-size:10px;color:var(--muted)}.bubble{padding:12px 14px;margin:10px 0;background:#eff5fa;border-radius:12px;max-width:88%;font-size:12px}.bubble.out{margin-left:auto;background:#e8f4ec}.bubble small{display:block;color:#7f8e9b;margin-bottom:5px}.pills{display:flex;gap:6px;flex-wrap:wrap}.doc-state{padding:11px;background:#f6f9fb;border:1px solid #e5edf3;border-radius:10px}.timeline{position:relative;padding-left:22px;border-left:2px solid #e1e9ef;margin-left:9px}.timeline-event{position:relative;padding:0 0 20px 14px}.timeline-event:before{content:'';position:absolute;left:-28px;top:5px;width:9px;height:9px;border-radius:50%;background:#b8915c;box-shadow:0 0 0 3px #fff}.timeline-event strong{font-size:12px}.timeline-event small{display:block;color:var(--muted);font-size:10px}.timeline-event p{font-size:11px;margin:5px 0;color:#526678}.board-columns{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;overflow:auto}.board-column{background:#edf3f7;border-radius:12px;padding:10px}.board-column h4{font-size:11px;margin:3px 4px 12px}.board-card{background:#fff;border:1px solid #dce6ed;border-radius:10px;padding:13px;margin-bottom:10px}.board-card strong{font-size:12px}.board-card p{font-size:11px;color:var(--muted);margin:7px 0}.notice{border:1px solid #eadbbd;background:#fff7eb;color:#806139;padding:12px 16px;border-radius:10px;font-size:12px}.quiet{background:#f4f8fb;border:1px solid #e0eaf2;color:#587083;padding:12px 14px;border-radius:10px;font-size:11px}.callout{border-left:3px solid var(--gold);background:#f5f8fa;border-radius:0 10px 10px 0;padding:13px 15px;font-size:12px;color:#526679}.prompt{position:fixed;inset:0;background:rgba(6,20,36,.5);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.prompt.open{display:flex}.modal{width:min(560px,100%);background:#fff;border-radius:18px;padding:26px;max-height:85vh;overflow:auto;box-shadow:0 35px 95px rgba(0,0,0,.21)}.modal h3{font-size:19px;margin:0 0 8px}.modal p{font-size:12px;color:var(--muted)}.modal label{display:block;font-size:11px;font-weight:750;margin:13px 0 6px}.modal textarea{width:100%;border:1px solid #cedce5;border-radius:9px;padding:11px;min-height:100px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;bottom:20px;right:22px;background:#173d56;color:#fff;border-radius:12px;padding:14px 19px;font-size:12px;box-shadow:0 15px 40px rgba(0,0,0,.16);z-index:111;display:none;max-width:380px}.toast.show{display:block}.hide{display:none!important}.private-flag{font-size:10px;color:#53748d;background:#eaf2f8;border:1px solid #cfdee8;border-radius:8px;padding:6px 10px;display:inline-block}.upload-preview{border:2px dashed #c7d8e4;border-radius:12px;padding:24px;text-align:center;background:#f7fbfe}.upload-preview input{width:100%;font-size:12px}.upload-preview p{color:var(--muted);font-size:11px}.external-shell{max-width:1200px;margin:0 auto;padding:31px 22px 60px}.external-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.external-head h1{font-size:30px;color:var(--navy);margin:8px 0 5px}.external-head p{font-size:13px;color:var(--muted);margin:0}.portalbar{display:flex;align-items:center;gap:7px;overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:13px;padding:7px;margin-bottom:18px}.portal-tab{padding:11px 14px;white-space:nowrap;border:0;border-radius:8px;background:#fff;color:#50687a;font-size:12px;font-weight:750}.portal-tab.active{background:#eaf3fa;color:#10548e}.portal-section{display:none}.portal-section.active{display:block}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.status-step{border-top:4px solid #dae4eb;padding:12px;background:#f5f8fa;border-radius:3px 3px 10px 10px;font-weight:700;font-size:11px;color:#7c8b97}.status-step.done{border-color:#1b8065}.status-step.current{border-color:#bc935d;background:#fff8ee;color:#76532d}.question{border-left:3px solid #d2e1ed;padding:10px 14px;margin:13px 0;background:#f6f9fb;border-radius:0 8px 8px 0}.question strong{font-size:12px}.question p{margin:5px 0 0;font-size:12px;color:#60798b}.flow-msg{background:#f5f9fc;border-radius:12px;padding:15px;font-size:12px;margin-top:10px}.notesmall{font-size:10px;color:#8493a2}.footer{border-top:1px solid var(--border);padding:20px 24px;color:var(--muted);font-size:11px;text-align:center;background:#fff}.footer a{text-decoration:none;color:var(--blue)}
@media(max-width:1240px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.main{padding:20px}.case-stat-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-view{grid-template-columns:220px minmax(0,1fr)}.thread-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:850px){.app-shell{display:block}.sidebar{padding:13px 14px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.sidebar-heading,.sidebar-sub,.sidebar-kicker,.sidebar-footer,.nav-group-label{display:none}.nav-group{display:contents}.nav-action{width:auto;padding:9px 12px;min-height:0}.nav-action .nav-symbol{display:none}.nav-action .count{display:none}.main{padding:18px 14px 35px}.grid-2,.grid-3{grid-template-columns:1fr}.stages{grid-template-columns:repeat(4,minmax(0,1fr))}.split-view,.thread-layout,.file-explorer{grid-template-columns:1fr}.company-rail{display:flex;overflow-x:auto;gap:7px}.company-switch{flex:0 0 190px}.sitebar{padding:10px 15px}.sitebar img{width:168px;height:43px}.sitebar-links{gap:2px}.sitebar-links a{font-size:10px;padding:6px}.external-head{display:block}}
@media(max-width:570px){.sitebar{display:block}.sitebar img{width:170px;height:44px}.sitebar-links{margin-top:6px;justify-content:space-between}.metric-grid,.case-stat-grid,.detail-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stages{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.topline h1{font-size:23px}.sidebar{gap:3px}.nav-action{padding:7px 9px;font-size:11px}.external-shell{padding:18px 12px 30px}.external-head h1{font-size:24px}.card{padding:15px}.file-explorer{gap:12px}.filter .search{min-width:80px}}
