:root{--ink:#102338;--muted:#64748b;--line:#dfe7ef;--paper:#fff;--bg:#f3f7fa;--brand:#087f8c;--brand2:#0b5d6b;--accent:#f4a261;--danger:#c2414b;--shadow:0 12px 32px rgba(16,35,56,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{background:#0c2836;color:#dcecf0;padding:28px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;margin:0 10px 34px}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent);color:#172a34;font-size:20px}.nav{display:grid;gap:7px}.nav a{padding:12px 14px;border-radius:11px;color:#aac3cb;font-weight:650}.nav a:hover,.nav a.active{background:#153a48;color:white}.nav span{display:inline-block;width:25px}.side-foot{position:absolute;bottom:24px;left:28px;color:#7fa1aa;font-size:12px}
.main{padding:32px 38px;max-width:1500px;width:100%;margin:auto}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.top h1{margin:0;font-size:30px;letter-spacing:-.7px}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:6px}.muted{color:var(--muted)}.user{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:13px;background:#d7eef0;color:var(--brand2);display:grid;place-items:center;font-weight:800}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:var(--shadow)}.metric .label{color:var(--muted);font-size:13px;font-weight:650}.metric strong{display:block;font-size:31px;margin-top:8px}.metric small{color:var(--brand);font-weight:700}.two{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-top:18px}.card h2{font-size:17px;margin:0 0 18px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer;background:var(--brand);color:white}.btn.secondary{background:#e6f2f3;color:var(--brand2)}.btn.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#fff0f1;color:var(--danger)}
table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;padding:10px}td{padding:13px 10px;border-top:1px solid var(--line);font-size:14px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e7f4f1;color:#17725e;font-size:11px;font-weight:800}.badge.warn{background:#fff2dc;color:#9a5b06}.badge.gray{background:#eef2f6;color:#556477}.empty{text-align:center;padding:40px 20px;color:var(--muted)}
.pagebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:750;color:#41566a}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd9e4;border-radius:10px;background:#fbfdfe;padding:11px 12px;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #dceff1}.field textarea{min-height:100px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:5px}
.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#0b2633}.login-art{padding:7vw;color:white;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,#176b72 0,transparent 37%),linear-gradient(145deg,#0b2633,#0f3c47)}.login-art h1{font-size:52px;line-height:1.02;margin:20px 0;max-width:600px;letter-spacing:-2px}.login-art p{color:#b6d0d6;font-size:18px;max-width:520px}.login-box{background:var(--bg);display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:white;padding:38px;border-radius:22px;box-shadow:var(--shadow)}.login-card h2{font-size:28px;margin:0 0 7px}.login-card form{display:grid;gap:16px;margin-top:28px}.alert{padding:12px 14px;border-radius:10px;background:#fff0f1;color:#9f2634;font-size:13px}.flash{padding:12px 14px;border:1px solid #bde4d7;background:#edfbf6;color:#19684f;border-radius:11px;margin-bottom:18px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:720px){.shell{grid-template-columns:1fr}.side{height:auto;position:static;padding:16px}.brand{margin:0 5px 14px}.nav{grid-template-columns:repeat(4,1fr);overflow:auto}.nav a{font-size:0;text-align:center}.nav span{font-size:20px}.side-foot{display:none}.main{padding:22px 16px}.grid{grid-template-columns:1fr 1fr}.top{align-items:center}.top h1{font-size:24px}.form-grid{grid-template-columns:1fr}.field.full,.form-actions{grid-column:auto}.user .muted{display:none}}@media(max-width:440px){.grid{grid-template-columns:1fr}}
.public{background:#f8fafb}.public-nav{height:76px;max-width:1220px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.public-brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:18px}.public-nav nav{display:flex;gap:28px;color:#465b6d;font-weight:650;font-size:14px}.hero{min-height:690px;max-width:1220px;margin:auto;padding:70px 24px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.hero-copy h1{font-size:58px;line-height:1.02;letter-spacing:-2.7px;margin:15px 0 25px}.hero-copy h1 em{font-style:normal;color:var(--brand)}.hero-copy p{font-size:19px;line-height:1.65;color:#53697b;max-width:650px}.hero-copy .actions{margin:30px 0 18px}.btn.large{padding:14px 19px;font-size:15px}.hero-copy small{color:#738698}.hero-panel{background:#0b2d38;border-radius:24px;padding:25px;color:white;box-shadow:0 30px 80px rgba(11,45,56,.25);transform:rotate(1deg)}.mini-top{display:flex;gap:7px;margin-bottom:24px}.mini-top span{width:8px;height:8px;border-radius:50%;background:#46717a}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid article,.mini-list{background:#123e49;border:1px solid #28535c;border-radius:14px;padding:18px}.mini-grid small{color:#9cc0c7}.mini-grid strong{display:block;font-size:34px;margin:8px 0}.mini-grid b{font-size:11px;color:#7fdbc2}.mini-list{margin-top:12px}.mini-list h3{font-size:14px}.mini-list p{background:#184955;padding:12px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:8px}.mini-list p i{width:7px;height:7px;background:var(--accent);border-radius:50%}.mini-list p b{margin-left:auto}.trust{border-block:1px solid var(--line);display:flex;justify-content:center;gap:65px;padding:20px;color:#617486;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}.trust span:before{content:"✓";color:var(--brand);margin-right:8px}.features{max-width:1220px;margin:auto;padding:110px 24px}.section-head{text-align:center;max-width:690px;margin:0 auto 50px}.section-head h1,.section-head h2{font-size:42px;letter-spacing:-1.6px;margin:10px 0}.section-head p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.feature-grid b{color:var(--brand);font-size:12px}.feature-grid h3{margin:25px 0 10px}.feature-grid p{color:var(--muted);line-height:1.6;font-size:14px}.cta{margin:40px auto 90px;max-width:1170px;border-radius:26px;background:#0b2d38;color:white;padding:70px;text-align:center}.cta h2{font-size:40px;margin:0}.cta p{color:#a7c1c7;margin-bottom:28px}.public-footer{border-top:1px solid var(--line);max-width:1220px;margin:auto;padding:42px 24px;display:flex;justify-content:space-between;color:var(--muted)}.public-footer p{font-size:13px}.public-footer div:last-child{display:flex;gap:24px;font-size:13px}.public-page{max-width:1150px;margin:auto;padding:80px 24px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}.pricing article{background:white;border:1px solid var(--line);border-radius:20px;padding:32px;position:relative}.pricing article.featured{border:2px solid var(--brand);padding-block:44px;box-shadow:var(--shadow)}.pricing strong{font-size:38px;display:block;margin-top:20px}.pricing small{color:var(--muted)}.pricing ul{list-style:"✓  ";padding-left:20px;line-height:2.2;margin:25px 0}.ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:white;padding:6px 13px;border-radius:99px;font-size:11px;font-weight:800}.signup-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:60px 20px}.login-card.signup{width:min(680px,100%)}.login-card.signup h1{margin-bottom:5px}.consent{font-size:12px;color:var(--muted);line-height:1.5}.consent a{color:var(--brand);text-decoration:underline}.legal{max-width:850px;margin:40px auto 100px;background:white;border:1px solid var(--line);border-radius:20px;padding:55px}.legal h1{font-size:38px}.legal h2{margin-top:35px;font-size:19px}.legal p{color:#52687a;line-height:1.75}.legal-note{background:#fff4df;padding:14px;border-radius:10px;color:#8a5b12!important}
@media(max-width:900px){.public-nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy h1{font-size:46px}.hero-panel{display:none}.feature-grid{grid-template-columns:1fr 1fr}.trust{gap:20px;flex-wrap:wrap}.pricing{grid-template-columns:1fr}.pricing article.featured{padding-block:32px}}@media(max-width:600px){.public-nav .actions .ghost{display:none}.hero-copy h1{font-size:39px}.hero{min-height:auto;padding-bottom:60px}.feature-grid{grid-template-columns:1fr}.features{padding-block:70px}.cta{margin:20px;border-radius:20px;padding:45px 20px}.cta h2{font-size:30px}.public-footer{display:grid;gap:25px}.public-footer div:last-child{flex-direction:column;gap:12px}.legal{margin:20px;padding:28px}.legal h1{font-size:29px}}
.portal-main{max-width:1400px;margin:auto;padding:30px}.portal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.portal-head>div:last-child{display:grid;text-align:right}.portal-hero{background:#0b2d38;color:white;padding:38px;border-radius:22px}.portal-hero h1{font-size:36px;margin:7px 0}.portal-hero p{color:#a9c3c9}.signature-page{max-width:760px;margin:30px auto;padding:20px}.signature-page>a{display:inline-block;margin-bottom:18px;color:var(--brand);font-weight:750}#signature-pad{width:100%;height:190px;border:2px dashed #b9c9d6;border-radius:12px;background:white;touch-action:none;margin:15px 0}.signature-preview{width:min(100%,420px);height:150px;object-fit:contain;border:1px solid var(--line);border-radius:10px}.signature-form .actions{justify-content:flex-end}
@media(max-width:720px){.portal-main{padding:15px}.portal-head{align-items:flex-start}.portal-head .brand{font-size:15px}.portal-hero{padding:25px}.portal-hero h1{font-size:27px}.portal-main .two{display:grid}.portal-main table{display:block;overflow-x:auto}.signature-page{margin:0;padding:15px}}