:root{--ink:#192b39;--muted:#81909c;--blue:#087af5;--light:#f5f7fa;--line:#e9eef2;--green:#11967e}*{box-sizing:border-box}body{margin:0;background:var(--light);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:13px;letter-spacing:-.13px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{text-decoration:none;color:inherit}button{transition:background .18s,box-shadow .18s,transform .18s}button:hover:not(:disabled){filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ec6ff;outline-offset:3px}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;font-size:24px;letter-spacing:-1px;font-weight:650}.brand em{font-style:normal;color:var(--blue)}.mark{background:var(--blue);color:white;display:grid;place-items:center;width:33px;height:33px;border-radius:11px}.mark .icon{width:23px;height:23px}.brand small{font-size:10px;letter-spacing:1.8px;color:#93a0ac;font-weight:500;margin-left:4px}aside{position:fixed;left:0;top:0;bottom:0;width:240px;padding:30px 20px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.portal-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8a98a4;margin:36px 14px 17px}.org{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:12px;margin:24px 0 8px}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;font-size:11px;font-weight:650;background:#e9f2fe;color:#4878b4;flex-shrink:0}.org b{display:block;font-size:11px;font-weight:600}.org small{display:block;font-size:10px;color:#93a0ac;margin-top:5px}nav a{display:flex;align-items:center;gap:13px;padding:13px 15px;color:#7a8996;border-radius:9px;margin:4px 0;font-size:12px}nav a.active{background:#edf5ff;color:var(--blue);font-weight:600}nav .count{margin-left:auto;font-size:9px;border-radius:5px;background:#dcecff;padding:3px 5px}aside .bottom{margin-top:auto}.bottom-card{background:#f5f8fc;border-radius:13px;padding:16px;margin:24px 0 15px}.bottom-card b{font-size:11px}.bottom-card p{font-size:10px;line-height:1.6;color:#8c99a6}.switch{width:100%;background:none;border:0;border-top:1px solid var(--line);padding:17px 10px 0;display:flex;align-items:center;gap:10px;font-size:11px;color:#738391}main{margin-left:240px;padding:0 40px;min-height:100vh}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8e9aa5;font-size:11px}.header-right{display:flex;align-items:center;gap:20px}.header-right button{border:0;background:none;color:#788995;padding:4px;position:relative}.alert-dot{position:absolute;right:5px;top:3px;width:5px;height:5px;background:var(--blue);border-radius:50%}.mode{padding:5px 8px;border:1px solid #e2e8ed;background:#fff;border-radius:5px;font-size:9px;letter-spacing:1px}.content{max-width:1400px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 27px}.eyebrow{text-transform:uppercase;letter-spacing:1.9px;color:#92a0ac;font-size:9px;font-weight:550;margin:0 0 9px}h1{font-size:29px;letter-spacing:-1.1px;font-weight:600;margin:0 0 9px}h2{font-size:21px;letter-spacing:-.6px;font-weight:600;margin:0}h3{font-size:14px;font-weight:600;margin:0}p{color:var(--muted);line-height:1.65;margin:7px 0 0;font-size:12px}.primary,.secondary,.quiet{border-radius:9px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:550;white-space:nowrap}.primary{background:var(--blue);border:1px solid var(--blue);color:#fff;box-shadow:0 3px 6px #087af51a}.secondary{background:#fff;border:1px solid #e1e7ed;color:#526678}.quiet{border:0;background:transparent;color:var(--blue);padding:6px}.date-chip{font-size:11px;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #e2e8ee;border-radius:8px;background:#fff;color:#748696}.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.balance{background:linear-gradient(110deg,#122f46,#1b4b65);color:white;border-radius:17px;min-height:209px;padding:26px 30px;position:relative;overflow:hidden}.balance:after{content:'';position:absolute;right:-60px;top:-103px;width:370px;height:370px;border:1px solid #fff1;border-radius:50%;box-shadow:0 0 0 38px #ffffff04,0 0 0 76px #ffffff03;pointer-events:none}.balance .eyebrow{color:#9dbbcd}.balance .large{font-size:40px;letter-spacing:-1.7px;font-weight:550;margin:15px 0 7px}.balance p{color:#a9c2d2;font-size:11px}.balance .hero-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;margin-top:23px}.balance .primary{background:#fff;color:#24516e;border:0;box-shadow:none}.balance small{font-size:10px;color:#a9c2d2}.rate-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px 27px;display:flex;flex-direction:column}.rate-title{display:flex;justify-content:space-between;align-items:center;color:#84929e;font-size:11px}.rate-value{font-size:39px;letter-spacing:-1.7px;font-weight:550;margin:18px 0 7px}.rate-value small{font-size:13px;color:#92a0aa;letter-spacing:0;font-weight:400}.rate-card p{font-size:11px}.rate-foot{display:flex;gap:7px;align-items:center;border-top:1px solid var(--line);margin-top:auto;padding-top:15px;color:#8c9aa5;font-size:10px}.rate-foot .icon{width:13px;height:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:20px 0 25px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.stat .label{display:flex;justify-content:space-between;color:#81909c;font-size:11px}.stat .label .icon{width:15px;height:15px;color:#a0afbb}.stat .num{font-size:24px;letter-spacing:-.8px;font-weight:600;margin:14px 0 8px}.stat .hint{font-size:10px;color:#97a3ac}.positive{color:#11967e!important}.grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:20px;margin:20px 0}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.pad{padding:24px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 23px 15px}.card-head p{font-size:10px;margin:5px 0 0}.card-head .quiet{font-size:10px}.chart{height:140px;display:flex;gap:13px;align-items:flex-end;padding:15px 25px 0}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px}.bar{width:100%;max-width:50px;background:#d7e7f7;border-radius:5px 5px 2px 2px;min-height:3px;position:relative}.bar.current{background:#2585ef}.bar-col label{font-size:9px;color:#99a6b1;margin:0}.legend{font-size:9px;color:#9aa7b1;display:flex;gap:6px;align-items:center;padding:22px 25px}.legend:before{content:'';width:6px;height:6px;background:#2585ef;border-radius:2px}.company-row{display:flex;align-items:center;padding:15px 24px;gap:11px}.company-icon{border-radius:9px;background:#eef4fd;color:#7497c5;width:35px;height:35px;display:grid;place-items:center;font-size:10px;font-weight:600}.company-icon.purple{background:#f3effa;color:#ad94c7}.company-icon.teal{background:#edf7f4;color:#74b4a3}.company-row .name{font-size:11px;font-weight:500}.company-row .meta{font-size:9px;color:#9da8b3;margin-top:5px}.company-row .amount{margin-left:auto;text-align:right;font-size:12px;font-weight:600}.tabs{display:flex;gap:23px;padding:0 24px;border-bottom:1px solid var(--line);overflow:auto}.tab{padding:14px 0;background:none;border:0;border-bottom:2px solid transparent;font-size:11px;color:#8998a4;white-space:nowrap}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.tab small{background:#f2f5f8;border-radius:4px;padding:2px 5px;margin-left:5px;font-size:9px}.toolbar{display:flex;gap:10px;align-items:center;padding:17px 24px;flex-wrap:wrap}.search{position:relative;flex:1;max-width:340px}.search .icon{position:absolute;left:12px;top:11px;width:14px;height:14px;color:#a5b1bb}.search input{padding-left:35px;width:100%}input,select,textarea{border:1px solid #e0e7ee;background:#fff;color:var(--ink);border-radius:8px;padding:11px 12px;font-size:11px;min-height:38px}input::placeholder,textarea::placeholder{color:#a1adb7}input[type=checkbox]{min-height:0;width:14px;height:14px;accent-color:var(--blue);cursor:pointer}input[type=file]{width:100%}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{padding:12px 18px;background:#fafbfd;border-top:1px solid #f0f3f6;border-bottom:1px solid var(--line);font-size:9px;font-weight:500;letter-spacing:.4px;color:#95a3af}td{padding:17px 18px;border-bottom:1px solid #f0f3f6;font-size:11px}tr:last-child td{border-bottom:0}td b{font-weight:550}td small{display:block;font-size:9px;color:#9ba7b1;margin-top:5px}.table-company{display:flex;align-items:center;gap:9px}.table-company .company-icon{width:30px;height:30px;border-radius:8px;font-size:9px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;font-size:9px;background:#eef8f4;color:#21866e;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.pending,.badge.signature{background:#fff7e8;color:#b08b38}.badge.reserved,.badge.review,.badge.payment{background:#eef4ff;color:#5a89c4}.badge.disputed,.badge.overdue,.badge.rejected{background:#fff0ef;color:#c47770}.badge.settled{background:#f1f3f6;color:#8f9ba5}.table-foot{padding:15px 24px;border-top:1px solid var(--line);font-size:10px;color:#99a5af;display:flex;justify-content:space-between}.selection{position:sticky;bottom:18px;background:#18374d;color:#fff;border-radius:13px;box-shadow:0 12px 35px #173c5a24;padding:16px 20px;display:flex;align-items:center;gap:18px;margin-top:16px;z-index:5}.selection span{font-size:11px;color:#b9ccd9}.selection b{font-size:17px}.selection button{margin-left:auto}.note{border:1px solid #e4edf5;background:#f1f6fc;color:#7e94a8;border-radius:10px;padding:14px 17px;font-size:10px;line-height:1.7;margin-top:20px}.section-gap{margin-top:25px}footer{padding:28px 0;display:flex;justify-content:space-between;color:#9daab4;font-size:9px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.empty{text-align:center;padding:48px 20px;color:#9aa9b4}.empty .icon{width:29px;height:29px;margin-bottom:13px}.empty p{font-size:11px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:12px}.row+.row{border-top:1px solid #edf1f5}.row small{color:#97a4af}.list-row{padding:17px 23px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.list-row p{font-size:10px}.list-row time{margin-left:auto;color:#a1adb7;font-size:9px;white-space:nowrap}.pill-icon{width:34px;height:34px;background:#eef5fe;color:#7b9fc9;display:grid;place-items:center;border-radius:10px}.form label{display:block;color:#758695;font-size:11px;margin:18px 0 7px}.form input,.form select,.form textarea{width:100%}.form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .help{font-size:10px;color:#9ba7b1;margin-top:7px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.policy-number{font-size:47px;letter-spacing:-2px;margin:20px 0 10px}.rule{padding:22px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:flex-start}.rule .details{flex:1}.rule p{font-size:11px}.toggle{width:35px;height:21px;border-radius:20px;background:#ced8e2;border:0;padding:3px;flex-shrink:0}.toggle:after{content:'';display:block;width:15px;height:15px;background:white;border-radius:50%;transition:transform .2s}.toggle.on{background:var(--blue)}.toggle.on:after{transform:translateX(14px)}.integration{border:1px dashed #d7e2ed;border-radius:12px;padding:20px;margin:20px 0}.integration .row{padding:8px 0}.integration p{font-size:11px}.mini-steps{display:flex;align-items:flex-start;margin:25px 0 12px;gap:4px}.step{flex:1;position:relative;text-align:center;color:#a0adb8;font-size:9px}.step:not(:last-child):after{content:'';position:absolute;left:60%;right:-40%;height:1px;background:#e6edf2;top:12px}.step i{width:25px;height:25px;display:grid;place-items:center;background:#f0f4f8;border-radius:50%;font-style:normal;margin:0 auto 10px;position:relative;z-index:1}.step.done{color:var(--blue)}.step.done i{background:#e8f2ff;color:var(--blue)}dialog{border:0;border-radius:20px;width:min(620px,94vw);padding:29px;color:var(--ink);box-shadow:0 30px 100px #14354b33;max-height:90vh;overflow:auto}dialog::backdrop{background:#152b4055;backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin-bottom:9px}dialog .close{float:right;background:#f3f6f9;border:0;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#8a9ba9}.quote-total{background:#f1f6fd;padding:24px;border-radius:13px;margin:22px 0}.quote-total small{font-size:11px;color:#8397a8}.quote-total strong{display:block;font-size:34px;letter-spacing:-1px;margin-top:8px}.checkline{display:flex;align-items:flex-start;gap:9px;margin-top:20px;font-size:11px;color:#81909c;line-height:1.6}.checkline input{flex-shrink:0;margin-top:2px}.error{color:#b65650;background:#fff2f0;border-radius:8px;padding:12px;font-size:11px;margin-top:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183c54;color:white;padding:15px 23px;border-radius:11px;box-shadow:0 12px 40px #234c6533;z-index:30;display:none;font-size:12px;max-width:90vw}.portal-home{min-height:100vh;background:radial-gradient(ellipse at 50% 5%,#e9f2fd,transparent 58%),#f8fafc;padding:35px 7vw}.portal-home header{border:0;height:45px}.portal-intro{text-align:center;margin:80px auto 45px;max-width:730px}.portal-intro h1{font-size:47px;letter-spacing:-2px;line-height:1.13;font-weight:600}.portal-intro h1 span{color:var(--blue)}.portal-intro p{font-size:14px;max-width:560px;margin:17px auto 0}.portal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1080px;margin:0 auto}.portal-card{display:block;text-align:left;border:1px solid #e3eaf2;border-radius:18px;background:#fff;padding:29px;box-shadow:0 10px 28px #1a425605;transition:transform .2s,box-shadow .2s}.portal-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #1a425610}.portal-card .pill-icon{width:48px;height:48px;border-radius:14px;margin-bottom:25px}.portal-card .pill-icon .icon{width:25px;height:25px}.portal-card h2{font-size:20px}.portal-card p{font-size:12px;min-height:62px}.portal-card ul{padding:17px 0 18px;list-style:none;border-top:1px solid var(--line);font-size:11px;color:#8696a4;line-height:2.3}.portal-card li:before{content:'✓';color:#6a9cba;margin-right:9px}.portal-card .enter{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:12px;font-weight:550}.demo-banner{max-width:1080px;margin:30px auto;text-align:center;color:#97a7b5;font-size:10px;line-height:1.8}.demo-banner b{font-weight:500;color:#71899c}.identity-select{max-width:205px;padding:7px 10px;font-size:10px}.mobile-brand{display:none}.loading{padding:100px;text-align:center;color:#7893a6}@media(min-width:1600px){main{padding:0 65px}}@media(max-width:1150px){aside{width:215px;padding:26px 15px}main{margin-left:215px;padding:0 25px}.stats{gap:10px}.stat{padding:16px}.stat .num{font-size:21px}.grid{grid-template-columns:1.4fr 1fr}.hero-grid{grid-template-columns:1.5fr 1fr}.balance .large{font-size:35px}.card-head{padding:20px}td,th{padding-left:13px;padding-right:13px}.brand{font-size:22px}.brand small{font-size:8px}}@media(max-width:850px){.grid{grid-template-columns:1fr}.cards3{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 1fr}.balance{padding:23px}.balance .large{font-size:30px}.balance .hero-bottom{flex-wrap:wrap;gap:12px}.stats{grid-template-columns:repeat(2,1fr)}.rate-card{padding:24px 20px}.rate-value{font-size:32px}.portal-home{padding:24px}.portal-intro{margin-top:50px}.portal-intro h1{font-size:38px}.portal-cards{grid-template-columns:1fr}.portal-card p{min-height:0}.portal-card ul{display:none}.portal-card .enter{margin-top:25px}.portal-card .pill-icon{float:right;margin:0}.heading{align-items:flex-start}.heading h1{font-size:26px}}@media(max-width:650px){aside{position:static;width:100%;padding:17px 18px 0;border-bottom:1px solid var(--line)}aside .brand{font-size:22px}aside .org,aside .portal-label,aside .bottom{display:none}nav{display:flex;overflow:auto;gap:4px;margin-top:15px}nav a{padding:11px;white-space:nowrap;font-size:10px;margin:0 0 8px}nav a .icon{width:15px;height:15px}main{margin:0;padding:0 17px}header{height:58px}.header-right{gap:12px}header .breadcrumb{display:none}.mode{font-size:8px}.identity-select{max-width:173px}.heading{margin:26px 0 22px;gap:9px;flex-wrap:wrap}.heading h1{font-size:25px}.heading p{font-size:11px}.heading .date-chip{display:none}.hero-grid{grid-template-columns:1fr}.balance{min-height:195px}.balance .large{font-size:37px}.rate-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:20px}.rate-title{font-size:10px}.rate-value{grid-column:2;grid-row:1/3;margin:0;text-align:right}.rate-card p{font-size:9px;margin:0}.rate-foot{grid-column:1/3;margin-top:4px;padding-top:11px}.stats{gap:10px;margin:16px 0}.stat{padding:16px}.stat .num{font-size:20px}.stat .label{font-size:10px}.stat .hint{font-size:9px}.grid{gap:16px;margin:16px 0}.toolbar{padding:15px}.toolbar select{max-width:100%}.tabs{padding:0 17px;gap:18px}.selection{flex-wrap:wrap;gap:10px;padding:14px}.selection button{width:100%}.form .form-grid{grid-template-columns:1fr}.form-grid label{margin-top:10px}footer span:last-child{display:none}.portal-intro h1{font-size:34px}.portal-intro p{font-size:12px}.portal-intro{margin:45px auto 30px}.portal-home header .mode{font-size:8px}.portal-home .brand small{display:none}.list-row{padding:15px;align-items:flex-start}.list-row time{display:none}.policy-number{font-size:39px}.header-right .avatar{display:none}dialog{padding:23px}.mini-steps{gap:0}.step{font-size:8px}.heading .actions{margin:0}.search{max-width:none;min-width:180px}.toolbar .secondary{padding:11px}.table-foot{padding:14px 17px}}
