:root{color-scheme:light;--ink:#122039;--muted:#66758a;--line:#dce4ef;--blue:#1768e5;--navy:#071426;--paper:#fff;--bg:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}.client-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:32px;min-height:72px;padding:0 max(24px,calc((100vw - 1120px)/2));background:rgba(7,20,38,.97);color:#fff}.client-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.client-brand span,.line-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#3478f6,#7257ff);color:#fff;font-weight:850}.client-header nav{display:flex;gap:24px;flex:1}.client-header nav a{color:#b8c7db;text-decoration:none;font-size:.86rem}.preview-badge{padding:7px 10px;border:1px solid #35506f;border-radius:999px;color:#9fbee5;font-size:.72rem}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:40px 0 70px}.hero{padding:32px 0}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:.7rem;font-weight:850;letter-spacing:.14em}.hero h1{margin:0;font-size:2.35rem;letter-spacing:-.04em}.hero>p:last-of-type{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.summary-grid article,.panel,.notice{border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 14px 40px rgba(31,52,80,.07)}.summary-grid article{display:grid;gap:7px;padding:20px}.summary-grid span,.line-grid small,.invoice-row small{color:var(--muted);font-size:.74rem}.summary-grid strong{font-size:1.15rem}.panel{margin-top:18px;padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:0;font-size:1.3rem}.section-head>span{color:var(--muted);font-size:.82rem}.line-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.line-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px}.line-grid article>div{display:grid;gap:3px}.line-avatar{width:34px;height:34px;font-size:.72rem}.line-status{color:#257757;font-size:.67rem;font-weight:800}.invoice-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.invoice-row:last-child{border-bottom:0}.invoice-row>div{display:grid;gap:4px}.invoice-row a,.notice a{padding:8px 11px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-size:.76rem;font-weight:750}.activation-placeholder{padding:20px;border:1px dashed #9cb5d6;border-radius:12px;background:#f7faff}.activation-placeholder strong{display:block;color:#12376c}.activation-placeholder p{max-width:760px;margin:7px 0 0;color:var(--muted);line-height:1.55}.client-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-plan-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#f9fbff}.client-plan-card .plan-badge{color:#d46b00;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.client-plan-card h3{margin:7px 0}.client-plan-card .plan-price{display:block;margin:12px 0 2px;color:#082b62;font-size:1.55rem}.client-plan-card small,.client-plan-card p,.client-plan-card li{color:var(--muted)}.client-plan-card ul{padding-left:18px;line-height:1.5}.client-plan-card button{width:100%;padding:10px;border:0;border-radius:9px;background:#1768e5;color:#fff;font-weight:750;opacity:.7}.plan-qualification{margin:16px 0 0;padding:12px;border-radius:10px;background:#fff8e8;color:#6b5317;font-size:.75rem;line-height:1.5}.notice{margin-top:18px;padding:18px;border-left:4px solid #e6a327}.notice p{margin:5px 0 0;color:var(--muted)}.notice.error{margin-top:70px;border-left-color:#c83d52}.notice.error a{display:inline-block;margin-top:12px}footer{padding:24px;text-align:center;color:var(--muted);font-size:.75rem}@media(max-width:720px){.client-header{padding:0 16px}.client-header nav{display:none}.preview-badge{margin-left:auto}.summary-grid,.line-grid,.client-plan-grid{grid-template-columns:1fr}.invoice-row{grid-template-columns:1fr auto}.invoice-row a{grid-column:1/-1;text-align:center}.hero h1{font-size:1.8rem}}
.plan-price{display:flex;align-items:baseline;gap:.45rem}.plan-price strong{display:inline-block}.plan-price span{display:inline-block}
.client-session-button{padding:7px 11px;border:1px solid #35506f;border-radius:999px;background:transparent;color:#d7e5f7;font:inherit;font-size:.72rem;cursor:pointer}.client-session-button:disabled{cursor:default;opacity:.7}.client-login-page{min-height:100vh;background:radial-gradient(circle at top,#173d70 0,#071426 55%)}.client-login-shell{display:grid;place-items:center;min-height:100vh;padding:28px}.client-login-card{width:min(440px,100%);padding:34px;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.35)}.client-login-card>img{display:block;width:min(300px,82%);height:auto;margin:0 auto 28px}.client-login-card h1{margin:0;font-size:2rem;color:#082b62}.client-login-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.client-login-card form{display:grid;gap:16px;margin:25px 0 18px}.client-login-card label{display:grid;gap:7px;font-size:.8rem;font-weight:750}.client-login-card input{width:100%;padding:12px 13px;border:1px solid #bfcce0;border-radius:10px;font:inherit}.client-login-card button{padding:12px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-weight:800;cursor:pointer}.client-login-card button:disabled{opacity:.6}.client-login-card small{display:block;color:var(--muted);text-align:center}.login-error{min-height:1.4em;color:#a31d35!important;font-size:.82rem}
.password-control{position:relative;display:block}.client-login-card .password-control input{padding-right:48px}.client-login-card .password-toggle{position:absolute;right:5px;top:50%;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:transparent;color:#60728c;transform:translateY(-50%)}.client-login-card .password-toggle:hover,.client-login-card .password-toggle:focus-visible{background:#eaf1fb;color:#082b62;outline:2px solid var(--blue);outline-offset:1px}.password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.password-toggle[aria-pressed="true"]::after{content:"";position:absolute;width:23px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}