:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1a2b45;background:#f3f5f9;font-synthesis:none;--nav:#101d34;--blue:#315eff;--border:#dfe5ed;--muted:#69788f;--red:#b53b43;--green:#137c60}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #93aeff;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.boot{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center}.boot strong{font-size:30px}.boot span{color:var(--muted)}
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#fff;position:fixed;inset:0 auto 0 0;width:232px;padding:30px 19px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;padding:0 12px;margin-bottom:42px;color:#fff}.brand img{width:35px;height:35px}.brand strong{font-size:24px;letter-spacing:-.8px}.brand small{display:block;color:#9baac2;font-size:10px;letter-spacing:2px;margin-top:3px}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#7587a5;padding:0 13px;margin-bottom:14px}.nav{display:flex;flex-direction:column;gap:6px}.nav a{display:flex;align-items:center;gap:12px;color:#aebbd0;font-size:14px;padding:13px;border-radius:8px;text-decoration:none}.nav a:hover{background:#1b2a45;color:#fff}.nav a.active{background:#315eff;color:#fff}.icon{width:19px;height:19px;display:inline-block;flex-shrink:0}.sidebar-foot{margin-top:auto;padding:25px 12px 0;border-top:1px solid #28364d;color:#8da0bb;font-size:12px;line-height:1.7}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74d4b4;margin-right:7px}.content{grid-column:2;min-width:0}.topbar{height:80px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.topbar .crumb{font-size:13px;color:var(--muted)}.user{display:flex;align-items:center;gap:11px;font-size:13px}.avatar{width:33px;height:33px;background:#eaf0ff;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--blue)}.user strong{font-size:13px}.user small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.logout{border:0;background:none;color:var(--muted);font-size:12px;padding:8px}.main{padding:36px 38px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.page-heading p{color:var(--muted);font-size:14px;max-width:680px;margin-bottom:0}.heading-actions,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:7px;min-height:40px;padding:10px 16px;background:white;color:#293b57;font-size:13px;font-weight:600;text-decoration:none}.btn:hover{background:#f6f8fc;text-decoration:none}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover{background:#244cdc}.btn.danger{color:var(--red)}.btn.compact{padding:7px 10px;min-height:34px;font-size:12px}.btn.full{width:100%}.badge{display:inline-block;padding:5px 8px;border-radius:5px;background:#edf1f7;color:#61708a;font-size:11px;font-weight:600}.badge.blue{background:#eaf0ff;color:var(--blue)}.badge.red{background:#fff0f0;color:var(--red)}.badge.green{background:#e9f7f1;color:var(--green)}.demo{background:#fff5d9;border-bottom:1px solid #e8d6a0;padding:9px 38px;font-size:12px;color:#725612}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.stat{background:#fff;border:1px solid var(--border);border-radius:9px;padding:21px 23px}.stat .label{font-size:12px;color:var(--muted);margin-bottom:17px}.stat strong{display:block;font-size:26px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.stat small{display:block;font-size:11px;color:var(--muted);margin-top:10px}.stat.due strong{color:var(--red)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 16px;gap:15px}.section-head h2{margin:0}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--border);border-radius:9px;min-height:205px}.tool-icon{background:#edf1ff;color:var(--blue);width:38px;height:38px;border-radius:8px;display:grid;place-items:center;margin-bottom:20px}.tool h3{margin-bottom:7px}.tool p{color:var(--muted);font-size:13px;margin-bottom:20px}.tool a{margin-top:auto;font-size:13px;font-weight:600}.panel{background:#fff;border:1px solid var(--border);border-radius:9px;padding:23px;margin-bottom:18px}.panel h2{margin-bottom:18px}.panel.flush{padding:0;overflow:hidden}.panel-title{padding:21px 23px;border-bottom:1px solid var(--border);margin:0!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f8f9fc;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#6b7b92;white-space:nowrap}th,td{padding:15px 20px;border-bottom:1px solid #e9edf3}tr:last-child td{border:0}td{line-height:1.4}td.number,th.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.empty{text-align:center;padding:43px 25px;color:var(--muted);font-size:14px}.empty strong{display:block;color:#324562;margin-bottom:8px;font-size:16px}.empty p{margin-bottom:17px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e0ea;border-radius:6px;background:#fff;padding:10px 11px;min-height:41px;color:#203653;font-size:14px;font-weight:400}.field textarea{resize:vertical;min-height:80px}.field small{font-weight:400;color:var(--muted);line-height:1.5}.field input:disabled{background:#f3f5f8;color:var(--muted)}.span2{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400}.check input{width:17px;height:17px;accent-color:var(--blue)}.divider{height:1px;background:var(--border);margin:24px 0}.line-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:9px;margin-bottom:15px}.line-tab{white-space:nowrap;border:1px solid var(--border);border-radius:6px;background:#fff;padding:9px 13px;color:var(--muted);font-size:12px}.line-tab.active{border-color:var(--blue);color:var(--blue);background:#eef2ff}.subhead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:23px 0 15px}.subhead h3{margin:0}.layer-row{display:grid;grid-template-columns:35px 1fr 1fr 1.3fr;align-items:center;gap:10px;margin-bottom:10px}.layer-row .layer-num{color:var(--muted);font-size:12px}.layer-row input,.layer-row select{min-width:0}.step-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:center;gap:12px;margin-bottom:11px}.step-row .field{gap:0}.result{position:sticky;top:24px}.result .total-label{color:var(--muted);font-size:12px}.result .total-price{font-size:32px;font-weight:700;letter-spacing:-1px;margin:10px 0 25px;color:var(--blue);font-variant-numeric:tabular-nums}.result dl{margin:0}.result dl div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eef1f6;font-size:12px}.result dt{color:var(--muted)}.result dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.note{background:#f0f4ff;border-left:3px solid #6e8cff;padding:13px 15px;font-size:12px;line-height:1.6;color:#4a5f88;margin-bottom:18px}.note.warning{background:#fff8e7;border-color:#d0ab54;color:#7e6739}.auth-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);min-height:100vh;background:#fff}.auth-story{background:var(--nav);color:white;padding:55px 9%;display:flex;flex-direction:column;justify-content:center}.auth-story .brand{padding:0;margin-bottom:65px}.auth-story h1{font-size:48px;line-height:1.13;max-width:560px;margin-bottom:24px}.auth-story p{color:#a9b8d0;max-width:470px;font-size:16px}.auth-story .eyebrow{color:#7994d1;margin-bottom:20px}.auth-form{padding:55px 42px;align-self:center}.auth-form h2{font-size:25px}.auth-form .field{margin-bottom:17px}.auth-form .btn{margin-top:8px}.auth-footer{margin-top:24px;color:var(--muted);font-size:12px;line-height:1.7}.error{color:var(--red);font-size:13px;line-height:1.5;margin-top:13px}.toast{position:fixed;bottom:24px;right:25px;z-index:100;background:#172941;color:#fff;padding:14px 18px;border-radius:8px;max-width:420px;font-size:13px;box-shadow:0 5px 25px #0002}.toast.error{background:#8f303b}.toast[hidden]{display:none}.invite-result{background:#eef5ff;border:1px solid #c8d8fa;padding:16px;border-radius:6px;word-break:break-all;margin-top:20px}.invite-result code{display:block;font-size:12px;margin:10px 0}.ledger{margin-top:25px}.ledger h3{margin-bottom:14px}.pill-tabs{display:flex;gap:10px;margin-bottom:20px}.pill-tabs button{border:1px solid var(--border);background:#fff;border-radius:6px;padding:9px 14px;font-size:12px;color:var(--muted)}.pill-tabs button.active{border-color:var(--blue);color:var(--blue)}.mobile-brand{display:none}.loading{padding:80px;text-align:center;color:var(--muted)}details summary{cursor:pointer;color:var(--muted);font-size:12px;padding:12px 0}details p{font-size:12px;color:var(--muted)}.search{width:260px;border:1px solid var(--border);border-radius:6px;padding:10px 13px;font-size:13px}.access-options{display:flex;gap:17px;flex-wrap:wrap;margin:18px 0}.pending{max-width:670px;padding:38px}.pending .tool-icon{width:50px;height:50px}.pending h2{font-size:24px}.pending ol{padding-left:20px;color:var(--muted);font-size:14px;line-height:2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
form>.btn{margin-top:18px}.result .total-label{margin-top:20px}.result .actions{margin-top:22px}.result>p{margin-top:17px}.access-options+p{margin-top:13px}
@media(min-width:1700px){.main{padding-top:45px}}
@media(max-width:1200px){.main{padding:28px 25px}.topbar{padding:0 25px}.two-col{grid-template-columns:minmax(0,1fr) 300px}.stats{gap:11px}.stat{padding:18px}.stat strong{font-size:23px}}
@media(max-width:1000px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{width:195px;padding:25px 13px}.brand{padding:0 10px}.brand strong{font-size:22px}.nav a{font-size:12px;padding:12px 10px}.two-col{grid-template-columns:1fr}.result{position:static}.tools{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.auth-story h1{font-size:37px}.auth-wrap{grid-template-columns:1fr 400px}.auth-form{padding:35px}}
@media(max-width:700px){h1{font-size:26px}.shell{display:block;padding-bottom:77px}.sidebar{inset:auto 0 0 0;width:100%;height:66px;padding:5px 7px;border-top:1px solid #32415b}.sidebar .brand,.sidebar .nav-caption,.sidebar-foot{display:none}.nav{flex-direction:row;justify-content:space-around;gap:2px;overflow-x:auto}.nav a{flex-direction:column;gap:4px;font-size:9px;min-width:58px;padding:7px 7px;border-radius:6px}.nav a .icon{width:18px;height:18px}.topbar{height:69px;padding:0 18px}.topbar .crumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.mobile-brand img{width:27px;height:27px}.user strong{max-width:105px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.user{gap:7px}.logout{padding:6px;font-size:10px}.main{padding:27px 18px}.page-heading{flex-wrap:wrap;margin-bottom:22px;gap:15px}.page-heading p{font-size:13px}.heading-actions{width:100%}.stats{gap:10px;margin-bottom:24px}.stat{padding:16px}.stat strong{font-size:21px}.stat .label{font-size:11px;margin-bottom:12px}.stat small{font-size:10px}.tools{grid-template-columns:1fr}.tool{min-height:170px;padding:21px}.tool-icon{margin-bottom:13px}.panel{padding:19px}.panel.flush{padding:0}.form-grid.three,.three-col{grid-template-columns:1fr}.layer-row{grid-template-columns:22px 1fr 1fr 1.2fr;gap:7px}.layer-row .field input,.layer-row .field select{padding:9px 7px;font-size:12px}.step-row{grid-template-columns:1.05fr 1fr 1fr;gap:8px}.step-row .field input{padding:9px 8px;font-size:12px}.step-row .check{font-size:11px;gap:4px}.btn{padding:10px 13px}.auth-wrap{display:block}.auth-story{padding:32px 28px}.auth-story .brand{margin-bottom:30px}.auth-story h1{font-size:32px;margin-bottom:12px}.auth-story p{font-size:13px;margin-bottom:0}.auth-story .eyebrow{display:none}.auth-form{padding:32px 28px}.demo{padding:9px 18px}.toast{bottom:83px;left:18px;right:18px;max-width:none}.search{width:100%}th,td{padding:13px 16px}.pending{padding:25px}.form-grid{gap:14px}.page-heading .badge{margin-top:7px}.result .total-price{font-size:30px}}
.user-card{border-top:1px solid var(--border);padding:19px 0}.user-card:first-of-type{border-top:0;padding-top:8px}.user-card:last-child{padding-bottom:0}.user-card h3{display:flex;flex-wrap:wrap;align-items:center;gap:9px;overflow-wrap:anywhere}.user-card p{overflow-wrap:anywhere}.user-setup-form>.field+.field{margin-top:16px}.users-grid>aside{min-width:0}.invite-result code{overflow-wrap:anywhere}.user-setup-form .btn{margin-top:6px}
@media(max-width:1000px){.users-grid>aside{order:-1}}
@media(prefers-reduced-motion:no-preference){.btn,.nav a{transition:background .15s ease}}