:root{--navy:#0b3558;--ink:#17212b;--muted:#6d7884;--line:#e4e9ee;--bg:#f5f7f9;--white:#fff;--good:#16784b;--warn:#a66a00;--bad:#aa2f2f;--blue:#315f82;--radius:14px}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 24px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.mark{width:36px;height:36px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}.brand-text{font-weight:800;letter-spacing:.04em}.brand-text small{display:block;font-size:9px;color:var(--muted);letter-spacing:.16em}.top-actions{margin-left:auto;display:flex;gap:8px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 68px)}.sidebar{background:var(--navy);color:#dce7ef;padding:20px 12px}.nav-section{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.58;padding:8px 12px}.nav-item{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:9px;cursor:pointer;color:inherit;text-decoration:none}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11);color:#fff}.content{padding:26px;max-width:1440px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.page-head h1{margin:0 0 4px;font-size:25px}.sub,.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.metric{padding:16px}.metric b{font-size:27px;display:block}.metric span{color:var(--muted)}.panel{overflow:hidden;margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.panel-body{padding:16px}.btn{border:0;border-radius:9px;padding:10px 13px;cursor:pointer;background:var(--navy);color:#fff;font-weight:650}.btn.secondary{background:#eef3f6;color:var(--navy);border:1px solid #d7e0e7}.btn.danger{background:#922}.field,input,select,textarea{border:1px solid #ccd5dd;border-radius:9px;padding:10px 11px;background:#fff;width:100%}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .field{width:auto;min-width:180px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;color:var(--muted);background:#fbfcfd}.status{font-weight:700;font-size:11px;border-radius:999px;padding:4px 8px;display:inline-block}.status.COMPLETED,.status.SIGNED{color:var(--good);background:#e8f6ef}.status.SENT,.status.IN_PROGRESS,.status.PROVIDER_COMPLETED,.status.FINALIZING{color:var(--blue);background:#eaf2f8}.status.READY,.status.DRAFT{color:#46657c;background:#edf4f8}.status.SEND_UNKNOWN{color:var(--warn);background:#fff3d9}.status.DECLINED,.status.FAILED,.status.EXPIRED,.status.CANCELLED{color:var(--bad);background:#fdecec}.drawer-backdrop{position:fixed;inset:0;background:rgba(8,24,38,.38);display:none;z-index:20}.drawer-backdrop.open{display:block}.drawer{position:absolute;right:0;top:0;height:100%;width:min(820px,96vw);background:#fff;overflow:auto;padding:22px;box-shadow:-18px 0 50px rgba(0,0,0,.2)}.drawer-head{display:flex;justify-content:space-between;gap:12px}.drawer h2{margin:0}.close{border:0;background:#eef2f5;border-radius:50%;width:34px;height:34px;cursor:pointer}.drawer-section{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.signer{border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0}.event{padding:8px 0;border-bottom:1px dashed var(--line)}.toast{position:fixed;right:20px;bottom:20px;background:#17212b;color:#fff;padding:12px 15px;border-radius:9px;display:none;z-index:50}.toast.on{display:block}.toast.bad{background:#8a2323}.notice{padding:12px 14px;border-radius:10px;background:#eef4f7;color:#31536b;margin-bottom:14px}.danger-note{background:#fff4e5;color:#795200}.mobile-nav{display:none}@media(max-width:820px){.topbar{padding:0 12px}.brand{min-width:0}.brand-text small{display:none}.shell{display:block}.sidebar{display:none}.content{padding:16px 12px 78px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.table-wrap{overflow:auto}.drawer{width:100vw}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:10}.mobile-nav a{padding:10px 4px;text-align:center;text-decoration:none;color:var(--navy)}}