:root{color-scheme:light;--navy:#123752;--blue:#087dab;--ink:#1c3348;--muted:#65768a;--line:#dce5ec;--canvas:#f3f6f9;--white:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);line-height:1.5}a{color:var(--blue)}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{text-decoration:none}h1,h2,p{margin:0}h1{font-size:2rem;line-height:1.2;letter-spacing:-.035em}h2{font-size:1.05rem;line-height:1.4}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--blue);margin-bottom:10px}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{padding:28px 18px;border-right:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;gap:28px}.brand{display:flex;justify-content:center;padding:0 22px}.brand img{width:112px;height:auto;display:block}.nav-label{font-size:.75rem;color:var(--muted);font-weight:700;letter-spacing:.08em;margin-bottom:-12px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px;border-radius:7px;color:var(--ink);font-size:.875rem;font-weight:600;display:flex;justify-content:space-between;gap:8px}.sidebar nav a:hover{background:#f3f7fa}.sidebar nav a[aria-current]{background:#e9f4fa;color:#086b96}.sidebar-bottom{margin-top:auto;display:grid;gap:16px;overflow-wrap:anywhere}.sidebar-bottom strong{font-size:.8125rem;font-weight:400}.workspace{padding:32px;min-width:0;max-width:1820px;width:100%;margin:auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.page-header .muted{margin-top:8px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:9px 15px;border:1px solid #cbd9e3;border-radius:6px;background:#fff;color:var(--ink);font-size:.875rem;font-weight:600;line-height:1.4;text-align:center}.button:hover{background:#edf4f8}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.button.primary:hover{background:#195477}.button.subtle{padding-left:0;border:0;background:transparent}.button.danger{color:#a12c39;border-color:#dcabb2}.full{width:100%}:focus-visible{outline:3px solid #22a4da;outline-offset:3px}.automation-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:4px solid #bd8732;background:#fff8e9;border-radius:5px;padding:16px 20px;margin-bottom:24px}.automation-bar strong{font-size:.9375rem;color:#634d27}.automation-bar p{font-size:.875rem;color:#796543;margin-top:3px}.automation-bar .button{white-space:nowrap}.stats{display:flex;gap:44px;margin:4px 0 25px}.stats>div{display:grid;gap:1px}.stats strong{font-size:1.5rem;font-weight:600}.stats span{font-size:.875rem;color:var(--muted)}.panel{background:var(--white);border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.employee-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1fr) minmax(415px,1.2fr);gap:18px;align-items:start}.search-label{display:block;padding:14px}.search-label input{font-size:.875rem}.employee-list{max-height:610px;overflow:auto}.employee{padding:17px 15px;border-top:1px solid #edf1f5;display:flex;align-items:flex-start;gap:12px;color:var(--ink)}.employee:hover{background:#f6f9fc}.employee.selected{background:#eef7fc;border-left:3px solid #1184b3;padding-left:12px}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:#126084;background:#ddecf6;font-size:.875rem;font-weight:700}.employee-info{display:grid;min-width:0;gap:4px}.employee-info strong{font-size:.875rem;overflow-wrap:anywhere}.employee-info>span:not(.status){font-size:.8125rem;color:var(--muted);overflow-wrap:anywhere}.status{font-size:.75rem;width:fit-content;border-radius:4px;background:#edf0f4;color:#59687b;padding:2px 7px;margin-top:3px}.status.enabled{background:#e1f3ed;color:#24664f}.editor-form{padding:20px;display:grid;gap:15px}label{display:grid;gap:7px;font-size:.875rem;font-weight:600}input{width:100%;min-width:0;border:1px solid #cad7e1;border-radius:5px;padding:10px 11px;background:#fff;color:var(--ink);font-size:1rem;min-height:42px}input::placeholder{color:#7b8c9b}.field-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.checkbox{display:flex;align-items:center;gap:10px;font-weight:400;margin-top:4px}.checkbox input{width:18px;height:18px;min-height:0;accent-color:var(--blue);flex-shrink:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}.preview-frame{background:#fff;overflow:auto;padding:16px 0}.preview-frame iframe{display:block;width:100%;min-width:390px;height:315px;border:0;background:#fff}.preview-panel .panel-heading{flex-wrap:wrap}.preview-note{padding:0 20px 18px}.plain-preview{margin:0 20px 18px;border-top:1px solid var(--line);padding-top:14px}.plain-preview summary,.remove summary{font-size:.875rem;color:var(--muted)}pre{font: .8125rem/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--canvas);border-radius:5px}.download-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 20px 20px}.download-actions .button{font-size:.8125rem}.remove{border-top:1px solid var(--line);padding:16px 20px}.remove form{display:grid;gap:12px;padding-top:14px}.remove summary{color:#94313c}.company-layout{display:grid;grid-template-columns:minmax(320px,650px) minmax(260px,380px);gap:24px;align-items:start}.guidance{padding:30px;border-top:4px solid var(--blue)}.guidance h2{font-size:1.65rem;letter-spacing:-.03em;line-height:1.3;margin-bottom:20px}.guidance p+p{margin-top:18px}.notice{padding:14px 18px;margin-bottom:18px;border-radius:6px;border:1px solid}.notice.error{background:#fff0f0;color:#9b2832;border-color:#efd0d3}.notice.success{background:#eaf7f1;color:#1d624a;border-color:#bfdfd0}.empty{padding:20px;color:var(--muted);font-size:.875rem}footer{margin-top:28px;color:var(--muted);font-size:.75rem}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eff5fa,#dfeaf2)}.login-card{width:100%;max-width:460px;background:#fff;padding:36px 40px;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 45px #18354d0a}.login-logo{display:block;width:98px;height:auto;margin-bottom:24px}.login-card h1{font-size:1.75rem;margin-bottom:12px}.login-card form{display:grid;gap:18px;margin-top:24px}.login-card>.small{margin-top:24px}.login-card .notice{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:1280px){.employee-layout{grid-template-columns:minmax(240px,.75fr) minmax(340px,1fr)}.preview-panel{grid-column:1/-1}.preview-frame iframe{height:285px}.stats{gap:32px}.sidebar{padding-inline:14px}.workspace{padding:25px}}
@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{padding:14px 20px;gap:12px;display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line);border-right:0}.brand{padding:0;grid-row:1/3}.brand img{width:66px;align-self:center}.nav-label{display:none}.sidebar nav{display:flex;flex-wrap:wrap;gap:4px}.sidebar nav a{padding:8px 10px}.sidebar-bottom{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin:0}.sidebar-bottom p{display:none}.sidebar-bottom .button{min-height:30px}.workspace{padding:24px 18px}.company-layout{grid-template-columns:1fr}.guidance{max-width:none}.employee-layout{grid-template-columns:minmax(200px,.6fr) minmax(290px,1fr)}}
@media(max-width:600px){h1{font-size:1.6rem}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header .button{width:100%}.automation-bar{align-items:flex-start;flex-direction:column;padding:15px}.automation-bar form,.automation-bar .button{width:100%;white-space:normal}.employee-layout{grid-template-columns:1fr}.employee-list{max-height:235px}.preview-panel{grid-column:auto}.stats{justify-content:space-between;gap:12px}.stats strong{font-size:1.3rem}.stats span{font-size:.8125rem}.panel-heading,.editor-form{padding:17px}.sidebar nav a{font-size:.8125rem}.preview-frame iframe{min-width:390px}.login-card{padding:28px}.field-pair{grid-template-columns:1fr}.preview-frame{padding-top:8px}}
.optional-details{min-width:0;margin:5px 0;padding:15px 0 0;border:0;border-top:1px solid var(--line);display:grid;gap:15px}.optional-details legend{font-size:.875rem;font-weight:700;padding:0 10px 0 0}.optional-details p{font-weight:400}
@media(prefers-reduced-motion:no-preference){.button,input{transition:background-color .15s,border-color .15s}}