:root{--accent:#1769e0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17283f;background:#f5f7fb;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{transition:background .15s}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--accent);overflow-wrap:anywhere}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.04em;margin-bottom:14px}h2{font-size:21px;letter-spacing:-.025em}p{color:#637187;line-height:1.6}small,.hint{font-size:14px;line-height:1.5;color:#637187}.eyebrow{display:block;color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.12em;margin-bottom:14px}.brand{display:flex;gap:12px;align-items:center;font-size:19px}.brand img{max-width:130px;height:42px;object-fit:contain}.brand-icon{background:var(--accent);color:white;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:28px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border:0;border-radius:9px;padding:13px 19px;text-decoration:none;font-weight:650;min-height:46px}.primary:hover{filter:brightness(.94)}.quiet{background:#fff;border:1px solid #dce3ed;border-radius:8px;padding:10px 14px;color:#34465f;min-height:44px}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:#12253e;color:white;padding:clamp(30px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.login-intro .brand{margin-bottom:90px}.login-intro h1{font-size:clamp(40px,5vw,72px)}.login-intro .eyebrow{color:#80b4ff}.login-intro p{color:#b9c8dc;font-size:18px;max-width:440px}.login-note{color:#91a4bf;margin-top:45px;font-size:14px}.login-form{padding:40px;align-self:center;width:100%;max-width:510px;margin:auto}.login-form h2{font-size:30px}.login-form .hint{margin-top:22px}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:14px;font-weight:650}input{padding:12px 14px;width:100%;border:1px solid #ccd6e4;border-radius:8px;color:#17283f;background:white;min-width:0}input:focus{outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent)}input[type=color]{height:48px}input[type=checkbox]{width:18px;height:18px;margin:0}.check{display:flex;align-items:center;gap:10px;line-height:1.5}.shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100dvh}.shell>aside{background:#fff;border-right:1px solid #e0e6ef;padding:28px 20px;display:flex;flex-direction:column;gap:28px}.identity{background:#f5f7fb;border-radius:10px;padding:17px;display:grid;gap:8px;overflow-wrap:anywhere}.identity .eyebrow{margin:0}.identity strong{line-height:1.4}nav{display:grid;gap:7px}nav button{background:transparent;border:0;text-align:left;padding:13px 14px;border-radius:8px;color:#65728a;font-weight:600}nav button.active,nav button:hover{background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent)}.sidebar-foot{margin-top:auto;font-size:13px;line-height:1.5;color:#7d899b}.topbar{height:76px;padding:0 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e6ef;background:#fff;font-size:14px}.private{color:#25714e}.content{max-width:1250px;padding:42px 38px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.heading p{margin-bottom:0}.card{background:white;border:1px solid #e0e6ef;border-radius:14px;padding:26px;box-shadow:0 4px 18px #17283f04}.narrow{max-width:590px}.client-grid,.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-card{text-align:left;display:grid;gap:12px;color:inherit}.client-card h2,.client-card p{margin:0}.client-card b{font-size:14px;color:var(--accent);margin-top:10px}.avatar{height:46px;width:46px;display:grid;place-items:center;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);font-weight:750}.empty{grid-column:1/-1;padding:60px 30px;text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label:last-child:nth-child(odd){grid-column:1/-1}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.stats small{display:block;font-size:12px;letter-spacing:.08em;font-weight:700;margin-bottom:12px}.stats strong{font-size:36px;letter-spacing:-.03em}.stats em{font-size:18px;color:#7d899b;font-style:normal}.stats .status-text{font-size:26px}.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.service-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.service h2{font-size:18px}.badge{font-size:12px;white-space:nowrap;background:#eef1f6;color:#65728a;border-radius:20px;padding:5px 9px}.badge.ready{background:#e8f6ee;color:#227347}.service .quiet{display:block;margin-top:20px}.service-grid+.hint{margin-top:24px}.text-link{font-size:14px;font-weight:650}dt{color:#7d899b;font-size:13px;margin-top:22px}dd{margin:7px 0;font-size:16px;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #e0e6ef;margin:30px 0}dialog{border:1px solid #dce3ed;border-radius:16px;padding:28px;width:min(540px,calc(100% - 24px));max-height:90dvh;color:#17283f}dialog::backdrop{background:#10203999}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.dialog-head h2{margin:0}#notice:not(:empty){position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#142840;color:white;border-radius:10px;box-shadow:0 6px 30px #0003;max-width:calc(100% - 28px);width:max-content;z-index:100;font-size:14px}.loading{text-align:center;margin:20vh 0}@media(max-width:950px){.shell{grid-template-columns:215px minmax(0,1fr)}.content{padding:28px 22px}.overview-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.login-intro{padding:40px}.login-intro .brand{margin-bottom:60px}}@media(max-width:650px){.login{grid-template-columns:1fr}.login-intro{padding:28px}.login-intro .brand{margin-bottom:28px}.login-intro h1{font-size:36px}.login-intro p,.login-note{display:none}.login-form{padding:30px 24px}.shell{display:block}.shell>aside{padding:18px;gap:15px;border-bottom:1px solid #dce3ed}.shell>aside .identity{display:none}nav{display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:11px;font-size:14px}.sidebar-foot{display:none}#logout{align-self:flex-end;position:absolute;top:18px;right:18px}.shell>aside .brand{padding-right:90px}.topbar{height:50px;padding:0 18px}.content{padding:28px 18px}.heading{align-items:flex-start;flex-direction:column}.client-grid,.form-grid{grid-template-columns:1fr}.stats{gap:12px}.card{padding:20px}.stats .status-text{font-size:21px}.stats small{font-size:11px}.service-head{flex-wrap:wrap}}