:root{--blue:#075aa9;--navy:#07345f;--cyan:#27aae8;--ink:#14314d;--muted:#6c8093;--line:#dbe7ef;--bg:#f4f8fb}*{box-sizing:border-box}body{font-family:Manrope,Arial,sans-serif}.login{min-height:100vh;margin:0;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(140deg,#f7fcff,#e9f7fe)}.login-copy{padding:7vw;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#062f59,#075da9);color:#fff;position:relative;overflow:hidden}.login-copy:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-240px;top:-180px;background:#5bc9f51a}.login-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}.login-logo>span{display:flex;align-items:flex-end;gap:3px;width:37px;height:37px;padding:7px;border-radius:10px;background:var(--cyan)}.login-logo i{display:block;width:5px;background:#fff;border-radius:3px}.login-logo i:nth-child(1){height:9px}.login-logo i:nth-child(2){height:15px}.login-logo i:nth-child(3){height:21px}.login-logo b{color:#81dafa}.login-copy>div>small{font-size:9px;letter-spacing:.18em;color:#7dd6fb}.login-copy h1{font-size:clamp(43px,5vw,67px);line-height:1.03;letter-spacing:-.065em;margin:20px 0}.login-copy h1 em{font-style:normal;color:#67cff8}.login-copy p{max-width:530px;color:#ffffffa3;line-height:1.7;font-size:14px}.login-copy ul{list-style:none;padding:15px 0 0;color:#ffffffbd;font-size:11px;line-height:2}.login-copy footer{color:#ffffff5e;font-size:8px}.login-panel{display:flex;align-items:center;justify-content:center;padding:30px}.login-box{width:min(410px,100%);padding:43px;border:1px solid #dce9f1;border-radius:18px;background:#fff;box-shadow:0 25px 65px #07345f1b}.tag{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.15em}.login-box h2{font-size:29px;letter-spacing:-.04em;margin:14px 0 5px}.login-box>p{color:var(--muted);font-size:11px;margin-bottom:26px}.login-box label{display:block;margin-bottom:16px;color:#415c74;font-size:10px;font-weight:700}.login-box input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d4e1ea;border-radius:8px;font:500 12px Manrope;outline:none}.login-box input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #27aae817}.login-box button{width:100%;padding:13px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:700 11px Manrope;cursor:pointer}.login-box form+a{display:block;text-align:center;margin:20px 0;color:var(--blue);font-size:9px;text-decoration:none}.login-box>small{display:block;text-align:center;color:#8b9ba9;font-size:8px}.login-box>small a{color:var(--blue)}.alert,.notice{padding:11px 13px;margin-bottom:16px;border-radius:7px;font-size:10px}.alert.error,.notice.error{background:#fff0f0;color:#a43e3e}.alert.success,.notice.success{background:#e8f7f0;color:#167052}.panel-body{margin:0;background:var(--bg);color:var(--ink)}.client-side{position:fixed;inset:0 auto 0 0;width:245px;padding:25px 19px;background:linear-gradient(175deg,#062e56,#074e8d);color:#fff;z-index:20}.side-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.side-logo>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--cyan);font-size:10px;font-weight:800}.side-logo b{font-size:12px}.side-logo em{display:block;color:#7dd7fb;font-style:normal}.business{padding:15px;margin:30px 0 20px;border:1px solid #ffffff17;border-radius:9px;background:#ffffff0b}.business small,.business b{display:block}.business small{color:#ffffff61;font-size:7px;letter-spacing:.13em}.business b{font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-side nav{display:grid;gap:5px}.client-side nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:7px;color:#ffffffad;text-decoration:none;font-size:11px}.client-side nav a.active,.client-side nav a:hover{background:#ffffff18;color:#fff}.client-side nav a small{margin-left:auto;font-size:6px;color:#75d1f7}.client-side nav a.disabled{opacity:.65;pointer-events:none}.side-help{position:absolute;bottom:25px;color:#ffffff80;font-size:9px;text-decoration:none}.client-main{margin-left:245px;min-height:100vh}.client-top{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;border-bottom:1px solid var(--line)}.client-top>div:first-child small,.client-top>div:first-child b{display:block}.client-top>div:first-child small{color:#92a1ad;font-size:7px;letter-spacing:.14em}.client-top>div:first-child b{font-size:13px;margin-top:3px}.client-user{display:flex;align-items:center;gap:10px}.client-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e6f5fc;color:var(--blue);font-size:11px;font-weight:800}.client-user div b,.client-user div small{display:block}.client-user div b{font-size:9px}.client-user div small{font-size:7px;color:var(--muted)}.client-user button{border:0;border-radius:6px;background:#eef3f7;color:#587084;padding:7px 10px;font:600 8px Manrope}.client-content{padding:32px;max-width:1400px;margin:auto}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.welcome>div>small{color:var(--muted);font-size:8px}.welcome h1{margin:4px 0;font-size:26px;letter-spacing:-.04em}.welcome p{margin:0;color:var(--muted);font-size:10px}.arca-btn,.arca-link{display:inline-flex;padding:11px 16px;border:0;border-radius:7px;background:var(--blue);color:#fff;text-decoration:none;font:700 9px Manrope;cursor:pointer}.arca-link{background:none;color:var(--blue)}.client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.client-stats article{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:11px;background:#fff}.client-stats i,.quick-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#e7f5fc;color:var(--blue);font-size:16px}.client-stats span,.client-stats b{display:block}.client-stats span{color:var(--muted);font-size:8px}.client-stats b{font-size:21px;margin-top:3px}.section-title{font-size:14px;margin:28px 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-grid>a,.quick-grid>article{position:relative;padding:21px;border:1px solid var(--line);border-radius:11px;background:#fff;text-decoration:none;color:inherit}.quick-grid h3{font-size:13px;margin:16px 0 7px}.quick-grid p{color:var(--muted);font-size:9px;line-height:1.6}.quick-grid>a>span{color:var(--blue);font-size:8px;font-weight:800}.quick-grid article>small{position:absolute;right:14px;top:14px;color:#8aa0b1;font-size:6px}.arca-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.arca-table{width:100%;border-collapse:collapse}.arca-table th{padding:12px 17px;background:#f8fafc;color:#8193a1;text-align:left;font-size:7px;letter-spacing:.07em}.arca-table td{padding:15px 17px;border-top:1px solid #edf2f5;color:#536b7f;font-size:9px}.arca-table td b{color:var(--ink)}.arca-table .empty{text-align:center;padding:45px;color:#90a0ad}.pill{padding:5px 8px;border-radius:15px;font-size:7px;font-weight:800}.pill.on{background:#e7f7ef;color:#167655}.pill.off{background:#ffeded;color:#a74343}.client-form{padding:25px;max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-form label{color:#456078;font-size:9px;font-weight:700}.client-form label.wide{grid-column:1/-1}.client-form input,.client-form select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #d5e1ea;border-radius:7px;background:#fff;font:500 10px Manrope;outline:none}.client-form input:focus,.client-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #27aae815}.client-form label small{display:block;color:#b23d3d;margin-top:3px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:900px){.login{grid-template-columns:1fr}.login-copy{display:none}.login-panel{min-height:100vh}.client-side{width:68px;padding:20px 12px}.side-logo b,.business,.client-side nav a:not(.active) small,.client-side nav a{font-size:0}.side-logo>span{width:43px}.client-side nav{margin-top:35px}.client-side nav a{justify-content:center}.client-side nav i{font-size:17px}.side-help{display:none}.client-main{margin-left:68px}.quick-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.client-content{padding:22px 14px}.client-top{padding:0 14px}.client-user div{display:none}.welcome{align-items:flex-start;gap:12px}.client-stats,.quick-grid,.form-grid{grid-template-columns:1fr}.login-box{padding:28px 21px}.client-form label.wide{grid-column:auto}}