:root{--navy:#0a1930;--ink:#172235;--muted:#68758a;--line:#e5eaf0;--bg:#f5f7fa;--blue:#1769e0;--blue-soft:#eaf2ff;--green:#168568;--orange:#d97706;--red:#d34848;--white:#fff;--shadow:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.04)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'DM Sans',sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:248px;padding:26px 18px 18px;background:var(--navy);color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 29px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #3987f5;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1769e0,#0b3e8b);font:800 18px Manrope}.brand strong{display:block;font:800 18px Manrope;letter-spacing:1px}.brand small{color:#8292aa;font-size:8px;letter-spacing:1.7px}.nav-item,.profile{width:100%;border:0;background:transparent;color:#9facc0;text-align:left;padding:10px 12px;border-radius:8px;font:500 13px 'DM Sans';cursor:pointer;display:flex;gap:11px;align-items:center;margin:2px 0}.nav-item span{font-size:17px;width:18px}.nav-item b{margin-left:auto;background:#263b58;color:#bfc9d8;padding:1px 7px;border-radius:10px;font-size:10px}.nav-item:hover,.nav-item.active{color:#fff;background:#172c49}.nav-item.active{box-shadow:inset 3px 0 var(--blue)}.nav-label{font-size:9px;color:#5d6e86;letter-spacing:1.6px;margin:22px 12px 7px}.plan-card{margin-top:auto;background:#132844;border:1px solid #203a5b;border-radius:10px;padding:13px}.plan-card small{color:#6fa8f3;font-size:9px;letter-spacing:1px}.plan-card strong,.plan-card span{display:block;font-size:11px;margin-top:5px}.plan-card span{color:#8797ad}.progress{height:4px;background:#29415f;border-radius:5px;margin:9px 0}.progress i{display:block;width:70%;height:100%;border-radius:5px;background:#408cf3}.profile{border-top:1px solid #20334f;border-radius:0;margin-top:14px;padding-top:16px}.profile>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#244b78;color:#9fc9ff;font-size:11px}.profile strong,.profile small{display:block}.profile small{color:#73849b;font-size:10px}.profile i{margin-left:auto}main{margin-left:248px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.search{height:38px;background:#f7f8fa;border:1px solid #edf0f3;border-radius:8px;display:flex;align-items:center;padding:0 11px;width:min(480px,50vw);color:#8a96a6}.search input{border:0;outline:0;background:transparent;flex:1;padding:0 9px;font:13px 'DM Sans'}.search kbd{font:10px 'DM Sans';border:1px solid #dce1e7;background:#fff;border-radius:4px;padding:2px 6px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}button{font-family:'DM Sans';cursor:pointer}.icon-btn{border:1px solid var(--line);background:#fff;width:37px;height:37px;border-radius:8px}.notify{position:relative}.notify i{position:absolute;width:6px;height:6px;border-radius:50%;background:#f04e4e;right:7px;top:7px;border:1px solid white}.primary,.secondary{border:0;border-radius:7px;padding:10px 14px;font-weight:600;font-size:12px}.primary{background:var(--blue);color:#fff;box-shadow:0 2px 5px rgba(23,105,224,.18)}.primary:hover{background:#0e59c8}.secondary{background:#fff;color:#334155;border:1px solid #dbe1e8}.page{display:none;padding:34px;max-width:1500px;margin:auto}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.eyebrow{display:block;color:#4c78aa;font-size:9px;font-weight:700;letter-spacing:1.7px;margin-bottom:7px}.page-heading h1{font:700 27px Manrope;margin:0;color:#142033}.page-heading p{color:var(--muted);margin:4px 0 0}.status{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 13px;display:flex;align-items:center;gap:9px}.status>i,.state i{width:7px;height:7px;background:#1aaf7c;border-radius:50%;box-shadow:0 0 0 4px #e7f7f2}.status span{font-weight:600;font-size:11px}.status small{display:block;color:#8b96a6;font-weight:400}.attention-banner{display:flex;align-items:center;background:linear-gradient(90deg,#fff9ed,#fffcf6);border:1px solid #f5dfb4;border-left:3px solid #e69618;border-radius:9px;padding:15px 18px;margin-bottom:20px}.pulse{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff0d5;color:#cf7900;font-weight:700;margin-right:13px}.attention-banner p{margin:2px 0 0;color:#85745e;font-size:12px}.attention-banner button{margin-left:auto;border:0;background:transparent;color:#ba6800;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metrics article,.panel,.source-card,.role-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.metrics article{padding:17px 18px}.metrics article>div{display:flex;justify-content:space-between;align-items:center}.metrics article span{font-size:9px;color:#7c8797;font-weight:700;letter-spacing:.7px}.metrics article>strong{display:block;font:700 27px Manrope;margin-top:7px}.metrics article p{color:#8a94a3;font-size:11px;margin:1px 0}.metrics em{font-style:normal;color:#168568}.metrics mark{background:#fff2de;color:#c57100;border-radius:4px;padding:2px 5px}.metrics mark.danger{background:#ffeded;color:#c63f3f}.metrics b{width:31px;height:31px;border-radius:8px;display:grid;place-items:center}.blue{color:#2674e5;background:#edf4ff}.purple{color:#7455c8;background:#f0ecff}.orange{color:#dc810c;background:#fff2df}.red{color:#d64a4a;background:#ffeeee}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px}.panel-head{padding:16px 18px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;align-items:center}.panel-head h2{font:700 14px Manrope;margin:0}.panel-head p{font-size:11px;color:#8b96a6;margin:2px 0 0}.panel-head button{border:0;background:transparent;color:var(--blue);font-weight:600;font-size:11px}.alert-row{display:grid;grid-template-columns:38px 1fr 25px;gap:11px;align-items:center;padding:14px 18px;border-bottom:1px solid #eef1f4}.alert-row:last-child{border:0}.alert-icon{width:34px;height:34px;border-radius:8px;background:#edf4ff;color:#2674e5;display:grid;place-items:center;font-weight:700}.alert-icon.urgent{background:#fff1df;color:#d77b00}.alert-title{display:flex;gap:8px;align-items:center}.alert-title strong{font-size:12px}.alert-title mark{background:#fff0dc;color:#bd6b00;font-size:8px;text-transform:uppercase;border-radius:4px;padding:2px 5px}.alert-row p{margin:3px 0;color:#5e6979;font-size:11px}.alert-row small{color:#919bab;font-size:10px}.alert-row>button{background:transparent;border:0;font-size:22px;color:#9aa4b3}.deadline{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid #eef1f4}.deadline:last-child{border:0}.deadline time{width:38px;height:42px;border:1px solid #dfe4eb;border-radius:7px;display:grid;place-items:center;align-content:center}.deadline time b{font:700 16px Manrope;line-height:16px}.deadline time small{font-size:8px;color:#768295}.deadline time.urgent-date{border-color:#efb1b1;background:#fff7f7;color:#c84444}.deadline strong{font-size:11px}.deadline p{font-size:10px;color:#8b95a4;margin:2px 0}.deadline mark{background:#ffeded;color:#cf4747;padding:2px 5px;font-size:8px;border-radius:4px}.activity{padding-bottom:14px}.activity select{border:1px solid var(--line);border-radius:6px;padding:7px;color:#5f6978;font:11px 'DM Sans'}.chart{height:160px;display:flex;gap:4%;padding:23px 5% 0;border-bottom:1px solid #edf0f3;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#f0f2f5 40px)}.bar-day{height:100%;flex:1;display:flex;flex-direction:column;align-items:center}.bars{flex:1;width:100%;display:flex;gap:4px;align-items:end;justify-content:center}.bars i,.bars b{width:12px;display:block;border-radius:4px 4px 0 0;background:#5595ee}.bars b{background:#43b99b}.bar-day span{height:20px;font-size:9px;color:#8d97a5;padding-top:4px}.legend{display:flex;gap:18px;justify-content:center;padding-top:10px;color:#788395;font-size:9px}.leg{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.blue-bg{background:#5595ee}.green-bg{background:#43b99b}.filter-row{display:flex;gap:8px;margin-bottom:15px}.filter{border:1px solid var(--line);background:#fff;color:#687487;border-radius:20px;padding:7px 12px}.filter.active{background:#eaf2ff;color:#1769e0;border-color:#bad3f8}.filter b{font-size:9px;margin-left:4px}.review-list{overflow:hidden}.review-row{display:flex;gap:15px;align-items:center;padding:18px;border-bottom:1px solid #edf0f3}.review-main{flex:1}.review-main h3{font:700 14px Manrope;margin:7px 0 2px}.review-main p,.review-main small{margin:0;color:#647184;font-size:11px}.review-actions{display:flex;gap:8px}.table-panel{overflow:hidden}.table-tools{padding:13px 15px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.search.small{width:300px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafbfc;color:#758195;font-size:9px;letter-spacing:.5px;padding:11px 16px}td{padding:13px 16px;border-top:1px solid #edf0f3;color:#526075;font-size:11px}.client-cell{display:flex;align-items:center;gap:9px}.client-cell>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#1769e0;font-size:10px;font-weight:700}.client-cell b,.client-cell small{display:block}.client-cell b{color:#293649}.client-cell small{color:#8994a3;font-size:9px}.state{display:inline-flex;align-items:center;gap:7px;color:#168568;background:#ecf8f4;border-radius:10px;padding:3px 8px}.state i{width:5px;height:5px;box-shadow:none}.state.paused,.state.warning{color:#c07008;background:#fff4e4}.state.paused i,.state.warning i{background:#d88213}.dots{background:transparent;border:0;color:#8792a1}.empty-feature{min-height:430px;background:#fff;border:1px dashed #ced6e0;border-radius:12px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.empty-feature>span{font-size:35px;color:#5a91dd}.empty-feature h2{margin:12px 0 4px}.empty-feature p{color:#788496;max-width:520px}.source-grid,.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.source-card,.role-grid article{padding:20px}.source-top{display:flex;justify-content:space-between}.source-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#1769e0;font-weight:700}.source-card h2{font:700 15px Manrope;margin:18px 0 3px}.source-card p{color:#788496;font-size:11px;margin:0}.source-card>strong{display:block;font-size:11px;margin:14px 0}.portal-preview{background:#0c1d35;border-radius:16px;min-height:570px;padding:48px 8%;display:flex;align-items:center;justify-content:center;gap:10%;color:#fff}.phone{width:310px;background:#f6f8fb;color:#1e293b;border:8px solid #203650;border-radius:28px;box-shadow:0 28px 50px rgba(0,0,0,.25);overflow:hidden}.phone-head{background:#fff;padding:20px}.phone-head b,.phone-head span{display:block}.phone-head b{color:#1769e0}.phone-head span{font-size:18px;margin-top:18px}.case-card{background:#1769e0;color:#fff;margin:14px;border-radius:10px;padding:16px}.case-card small{font-size:8px}.case-card strong{display:block;margin:5px 0}.case-card p{font-size:9px;opacity:.8}.timeline{padding:10px 25px 25px}.timeline>div{display:flex;gap:12px;min-height:64px;position:relative}.timeline i{z-index:1;width:20px;height:20px;border-radius:50%;border:2px solid #ccd4df;background:#fff;display:grid;place-items:center;font-size:9px}.timeline>div:not(:last-child):after{content:'';position:absolute;left:9px;top:20px;width:2px;height:44px;background:#d8dee6}.timeline .done i{background:#168568;border-color:#168568;color:#fff}.timeline .current i{border-color:#1769e0;box-shadow:0 0 0 4px #dbeaff}.timeline b,.timeline small{display:block;font-size:11px}.timeline small{color:#8c97a6;font-size:9px}.portal-copy{max-width:430px}.portal-copy .eyebrow{color:#71a8f5}.portal-copy h2{font:700 28px Manrope;margin:0 0 12px}.portal-copy p{color:#aebbcf}.portal-copy ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#dce6f4}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.integration{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;min-height:290px;display:flex;flex-direction:column;align-items:flex-start}.integration-logo{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font:700 22px Manrope}.astrea{background:#eeedff;color:#6656c7}.drive{background:#edf7ff;color:#2674e5}.senatran{background:#eef1f4;color:#7b8797}.integration h2{font:700 17px Manrope;margin:17px 0 4px}.integration p{color:#738093;font-size:12px}.integration .tag{position:absolute;right:18px;top:18px}.integration button{margin-top:auto}.tag{font-size:9px;border-radius:10px;background:#f0f2f5;color:#778395;padding:4px 8px}.tag.ready{background:#e9f7f2;color:#168568}.tag.planned{background:#eaf2ff;color:#1769e0}.integration.disabled{opacity:.72}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.security-hero{grid-column:1/-1;background:linear-gradient(115deg,#0b1d36,#15375d);border-radius:12px;color:#fff;padding:25px;display:flex;gap:17px;align-items:center}.shield{width:50px;height:50px;border-radius:14px;background:#1c4777;display:grid;place-items:center;font-size:25px}.security-hero small{color:#72a9ef;font-size:9px;letter-spacing:1px}.security-hero h2{margin:3px 0;font:700 19px Manrope}.security-hero p{margin:0;color:#a7b9d0}.setting{padding:20px;display:flex;justify-content:space-between;align-items:center}.setting b{font-size:13px}.setting p{margin:4px 0;color:#7f8a9a;font-size:11px}.toggle{width:37px;height:21px;border-radius:20px;background:#cbd3dd;padding:3px}.toggle i{display:block;width:15px;height:15px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:#168568}.toggle.on i{transform:translateX(16px)}.role-grid article span{color:#1769e0;font-size:11px}.role-grid article strong{display:block;font:700 20px Manrope;margin:10px 0}.role-grid article p{color:#768295;font-size:11px}.mobile-menu{display:none}dialog{border:0;padding:0;border-radius:13px;box-shadow:0 30px 70px rgba(0,0,0,.25);width:min(600px,92vw)}dialog::backdrop{background:rgba(7,17,32,.55);backdrop-filter:blur(3px)}.modal-card{padding:28px;position:relative}.modal-card h2{font:700 22px Manrope;margin:0}.modal-card>p{color:#788496}.close{position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:23px;color:#8a95a4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.form-grid label{font-size:10px;font-weight:700;color:#566276}.form-grid input,.form-grid select{display:block;width:100%;margin-top:5px;border:1px solid #dce2e9;border-radius:7px;padding:10px;font:12px 'DM Sans'}.check{font-size:11px;color:#617084}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.import-options{display:grid;gap:9px;margin:20px 0}.import-options button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;display:grid;grid-template-columns:34px 1fr auto;text-align:left;align-items:center;gap:10px;color:#4c596a}.import-options button>b{width:32px;height:32px;border-radius:7px;background:#edf4ff;color:#1769e0;display:grid;place-items:center}.import-options strong,.import-options small{display:block}.import-options small{color:#8c96a4}.privacy-note{background:#eff5fc;color:#4f6683;border-radius:8px;padding:12px;font-size:10px}#toast{position:fixed;right:25px;bottom:25px;background:#15263d;color:#fff;border-radius:8px;padding:12px 16px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s;z-index:100;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}#toast.show{opacity:1;transform:none}@media(max-width:1050px){.metrics,.source-grid,.role-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.integration{min-height:220px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}main{margin-left:0}.topbar{padding:0 15px}.mobile-menu{display:block;border:0;background:transparent;font-size:20px;margin-right:8px}.topbar .search{width:auto;flex:1}.topbar kbd,.icon-btn{display:none}.top-actions .primary{font-size:0;padding:10px}.top-actions .primary::after{content:'＋';font-size:16px}.page{padding:22px 15px}.page-heading{align-items:flex-start;gap:15px}.status{display:none}.metrics{grid-template-columns:1fr 1fr;gap:9px}.dashboard-grid,.security-grid{grid-template-columns:1fr}.security-hero{grid-column:auto}.review-row{align-items:flex-start;flex-wrap:wrap}.review-main{min-width:70%}.review-actions{width:100%;justify-content:flex-end}.portal-preview{padding:30px 15px;flex-direction:column}.portal-copy{order:-1}.phone{width:min(310px,90vw)}.form-grid{grid-template-columns:1fr}.source-grid,.role-grid{grid-template-columns:1fr}.attention-banner button{display:none}}