:root{--cs-navy:#061f3b;--cs-blue:#123f69;--cs-line:#83b5dd73;--cs-sky:#d9efff;--cs-muted:#a9c8e0;--cs-red:#df3446;--cs-white:#f3f9ff}
*{box-sizing:border-box}body.client-system{margin:0;background-color:var(--cs-navy);background-image:linear-gradient(#79b4dc13 1px,transparent 1px),linear-gradient(90deg,#79b4dc13 1px,transparent 1px),linear-gradient(#79b4dc18 1px,transparent 1px),linear-gradient(90deg,#79b4dc18 1px,transparent 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;color:var(--cs-white);font-family:Inter,Arial,sans-serif;min-height:100vh}.cs-shell{width:min(1180px,calc(100% - 36px));margin:auto}.cs-header{border-bottom:1px solid var(--cs-line);background:#061e39ee;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.cs-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cs-brand{color:white;text-decoration:none;display:flex;align-items:center;gap:10px}.cs-brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #a5d5f6;color:#a5d5f6;font:700 18px ui-monospace,monospace}.cs-brand strong{font-size:18px}.cs-brand small{display:block;color:var(--cs-muted);font:11px ui-monospace,monospace;letter-spacing:.08em;margin-top:2px}.cs-navlinks{display:flex;gap:20px;align-items:center}.cs-navlinks a{color:var(--cs-muted);text-decoration:none;font-size:14px}.cs-navlinks a:hover{color:#fff}.cs-kicker{font:13px ui-monospace,monospace;letter-spacing:.1em;color:#b9dfff;margin:0 0 14px}.cs-page{padding:62px 0 74px}.cs-intro{max-width:760px;margin-bottom:40px}.cs-intro h1{font-size:clamp(2.35rem,5vw,4.6rem);letter-spacing:-.055em;line-height:1;margin:0 0 18px;font-weight:600}.cs-intro h1 span{color:#bce1fb}.cs-intro p{color:var(--cs-muted);font-size:17px;line-height:1.65;margin:0;max-width:680px}.cs-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:30px 0 46px;border:1px solid var(--cs-line);background:#092946b8}.cs-flow div{padding:16px 14px;border-right:1px solid var(--cs-line);min-height:78px}.cs-flow div:last-child{border:0}.cs-flow b{display:block;color:#aeddff;font:13px ui-monospace,monospace}.cs-flow span{display:block;font-size:13px;margin-top:8px;color:#fff}.cs-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.cs-card{border:1px solid var(--cs-line);background:#082944e8;box-shadow:9px 9px 0 #03182c55;padding:28px}.cs-card h2,.cs-card h3{margin:0 0 14px;letter-spacing:-.035em}.cs-card h2{font-size:1.7rem}.cs-card h3{font-size:1.1rem}.cs-card p{color:var(--cs-muted);line-height:1.55;margin:0 0 18px}.cs-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cs-list li{padding:12px 0 12px 26px;border-top:1px solid #83b5dd2e;position:relative;color:#dceeff;line-height:1.45}.cs-list li:before{content:'+';position:absolute;left:0;color:#a4d7ff;font:20px ui-monospace,monospace}.cs-cta,.cs-outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;text-decoration:none;font-weight:700;border:1px solid #f87883;cursor:pointer;font:700 15px Inter,Arial,sans-serif}.cs-cta{background:var(--cs-red);color:#fff}.cs-outline{border-color:#9dccef;color:#e7f4ff;background:#0c355a}.cs-actions{display:flex;gap:12px;flex-wrap:wrap}.cs-note{font-size:13px;color:#9fc2dd;margin-top:13px}.cs-option{display:block;border:1px solid var(--cs-line);background:#082b4b;padding:20px;margin:12px 0;cursor:pointer;transition:transform .2s,background .2s}.cs-option:hover,.cs-option.selected{background:#144c78;transform:translateX(4px)}.cs-option input{position:absolute;opacity:0}.cs-option strong{display:block;font-size:18px}.cs-option span{display:block;margin-top:7px;color:var(--cs-muted);font-size:14px;line-height:1.5}.cs-summary{position:sticky;top:102px}.cs-summary .cs-card{min-height:390px}.cs-spec{border-top:1px solid var(--cs-line);padding:13px 0;display:flex;justify-content:space-between;gap:16px;color:var(--cs-muted);font-size:14px}.cs-spec b{color:#fff;text-align:right}.cs-placeholder{border:1px dashed #a9d8fb;min-height:160px;display:grid;place-items:center;text-align:center;color:#b5d9ef;background:repeating-linear-gradient(135deg,#0d355821 0 12px,transparent 12px 24px);padding:22px;font:13px ui-monospace,monospace;line-height:1.7}.cs-form{display:grid;gap:17px}.cs-form label{display:grid;gap:7px;color:#c9e3f5;font-size:14px;font-weight:600}.cs-form input,.cs-form select,.cs-form textarea{width:100%;font:16px Inter,Arial,sans-serif;color:#fff;background:#061e38;border:1px solid #769fbd;padding:13px;outline:none}.cs-form input:focus,.cs-form select:focus,.cs-form textarea:focus{border-color:#c4e7ff;box-shadow:0 0 0 3px #80c7ef26}.cs-form textarea{min-height:118px;resize:vertical}.cs-form select option{background:#061e38}.cs-stepper{display:flex;gap:0;margin:0 0 32px;overflow:auto}.cs-stepper div{padding:12px 17px;border:1px solid var(--cs-line);border-right:0;color:var(--cs-muted);font-size:13px;white-space:nowrap}.cs-stepper div:last-child{border-right:1px solid var(--cs-line)}.cs-stepper .on{color:#fff;background:#15507f;box-shadow:inset 3px 0 var(--cs-red)}.cs-document{border:1px solid #9cc9e8;background:#eaf5ff;color:#102b44;padding:clamp(24px,5vw,58px);box-shadow:12px 12px 0 #020f1c55}.cs-document .doc-tag{color:#4c6f89;font:12px ui-monospace,monospace;letter-spacing:.1em}.cs-document h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;margin:12px 0 28px}.cs-document h2{font-size:1.15rem;margin:27px 0 10px}.cs-document p,.cs-document li{line-height:1.65;color:#294b66}.cs-document ul{padding-left:20px}.cs-signature{margin-top:38px;border-top:1px solid #81a4be;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.cs-line{border-bottom:1px solid #537b9a;padding-bottom:11px;color:#54758d;font-size:13px}.cs-dashboard{display:grid;grid-template-columns:250px 1fr;gap:24px}.cs-side{border:1px solid var(--cs-line);background:#082944e8;padding:16px;height:max-content}.cs-side a{display:block;color:#b4d4eb;text-decoration:none;padding:13px;border-bottom:1px solid #83b5dd30;font-size:14px}.cs-side a.active,.cs-side a:hover{background:#164a75;color:#fff}.cs-progress{height:9px;background:#03192d;border:1px solid #5f91b4}.cs-progress b{display:block;width:42%;height:100%;background:#d83c4a}.cs-status{display:inline-block;padding:6px 9px;background:#164d78;border:1px solid #8fc5eb;color:#e9f6ff;font:12px ui-monospace,monospace}.cs-timeline{list-style:none;margin:0;padding:0}.cs-timeline li{position:relative;padding:0 0 27px 30px;border-left:1px solid #7aabd044;color:var(--cs-muted);line-height:1.5}.cs-timeline li:before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;border:2px solid #a4d7ff;background:#082944;border-radius:50%}.cs-timeline b{display:block;color:#fff;margin-bottom:4px}.cs-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cs-metric{border:1px solid var(--cs-line);padding:20px;background:#082944}.cs-metric strong{display:block;font-size:2rem}.cs-metric span{color:var(--cs-muted);font-size:13px}.cs-legal{font-size:13px;color:#9dbed8;line-height:1.65}.cs-hidden{display:none}@media(max-width:850px){.cs-grid,.cs-dashboard{grid-template-columns:1fr}.cs-summary{position:static}.cs-flow{grid-template-columns:1fr 1fr}.cs-flow div:nth-child(2){border-right:0}.cs-flow div:nth-child(n+3){border-top:1px solid var(--cs-line)}.cs-flow div:last-child{grid-column:1/-1}.cs-side{display:flex;overflow:auto;padding:0}.cs-side a{white-space:nowrap;border-bottom:0;border-right:1px solid #83b5dd30}.cs-admin-grid{grid-template-columns:1fr}.cs-signature{grid-template-columns:1fr}}@media(max-width:570px){.cs-shell{width:min(100% - 28px,1180px)}.cs-navlinks{display:none}.cs-page{padding:39px 0 55px}.cs-flow{grid-template-columns:1fr}.cs-flow div{border-right:0;border-top:1px solid var(--cs-line)}.cs-flow div:first-child{border-top:0}.cs-flow div:last-child{grid-column:auto}.cs-card{padding:21px}.cs-intro h1{font-size:2.4rem}.cs-stepper{margin-right:-14px}.cs-document{margin:0 -14px}.cs-actions{display:grid}.cs-actions>*{width:100%}}