:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#25304b;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e1e5f1;padding:22px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:13px;align-items:center;color:#5564c1;font-size:42px;font-weight:800;text-decoration:none}.brand>span{font-size:23px;letter-spacing:-.8px}.brand-sub{display:block;font-size:8px;letter-spacing:1.7px;margin-top:4px}.header-actions{display:flex;gap:8px}main{max-width:1080px;margin:0 auto;padding:42px 24px;min-height:calc(100vh - 160px)}h1{font-size:clamp(30px,5vw,42px);letter-spacing:-1.4px;line-height:1.17;margin:14px 0}h2{font-size:26px;letter-spacing:-.7px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#65718d}.muted,.hint{color:#68748c;line-height:1.7}.hint{font-size:12px;margin-top:30px}.login-card{max-width:490px;margin:30px auto;background:#fff;border:1px solid #e0e5ef;border-radius:18px;padding:42px;box-shadow:0 14px 50px #5564c108}.login-card form{display:grid;gap:20px;margin-top:32px}label{display:grid;gap:8px;font-size:13px;font-weight:600}input,select,textarea{font:inherit;font-weight:400;color:inherit;background:white;border:1px solid #cbd3e4;border-radius:8px;padding:12px;min-height:46px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #7183d5;outline-offset:2px}button{font:inherit;font-size:13px;font-weight:650;border:1px solid #cbd3e4;background:white;border-radius:8px;min-height:44px;padding:11px 18px;cursor:pointer;color:#354884}button:hover{background:#edf0fb}button:disabled{opacity:.45;cursor:default}.primary{background:#5564c1;color:white;border-color:#5564c1}.primary:hover{background:#4553ac}.primary span{float:right}.workspace-bar,.page-title,.list-heading,.pagination,.lead-row,.form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.workspace-bar{padding-bottom:30px;border-bottom:1px solid #dee4f0}.workspace-bar select{margin-top:8px;min-width:220px}.pill{border-radius:20px;background:#e8edfb;color:#465ba6;font-size:11px;padding:8px 12px}.page-title{margin:28px 0}.page-title h1{margin:0}.page-title p{margin:9px 0}.search-bar{display:flex;gap:10px;background:#fff;border:1px solid #e0e5ef;padding:14px;border-radius:12px}.list-heading{color:#6c7894;font-size:11px;letter-spacing:1px;margin:24px 0 12px}.lead-list{border-radius:12px;border:1px solid #e0e5ef;background:#fff;overflow:hidden}.lead-row{padding:20px;border-bottom:1px solid #edf0f7;cursor:pointer}.lead-row:last-child{border:0}.lead-row:hover{background:#f5f7fd}.lead-row h3{font-size:15px;margin:0 0 6px}.lead-row p{font-size:12px;color:#6b7791;margin:0}.lead-row .number{font-size:12px;color:#6b7791}.empty{padding:48px 24px;text-align:center;color:#68748c}.pagination{margin-top:20px;font-size:12px}.editor{background:#fff;border:1px solid #e0e5ef;border-radius:12px;padding:28px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fields .wide{grid-column:1/-1}.form-actions{justify-content:flex-start;margin-top:28px;padding-top:22px;border-top:1px solid #e0e5ef}.danger{color:#9e3535}.text-button{padding-left:0;border:0}.notice,#message{background:#fff3d7;border:1px solid #ead59e;padding:14px 18px;border-radius:9px;margin-bottom:20px;font-size:13px;line-height:1.6}.notice{display:flex;align-items:center;justify-content:space-between;gap:10px}#message{background:#edf0fb;border-color:#cbd5f0}footer{max-width:1080px;margin:auto;padding:24px;color:#78839a;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px 20px}.brand{font-size:32px}.brand>span{font-size:20px}main{padding:24px 16px}.login-card{padding:28px 23px;margin:16px auto}.fields{grid-template-columns:1fr}.editor{padding:20px}.pill{display:none}.page-title{align-items:flex-start}.page-title p{max-width:190px;font-size:13px}.page-title button{white-space:nowrap}.list-heading span:last-child{display:none}.header-actions button{padding:8px 12px}.workspace-bar select{min-width:200px}.lead-row{padding:17px}.form-actions{flex-wrap:wrap}}

header{position:sticky;top:0;z-index:100;background:#5564c1;border-bottom:0;padding-top:10px;padding-bottom:10px}.brand{display:block;line-height:0}.brand img{display:block;width:150px;height:64px;object-fit:contain}.header-actions{position:relative}.menu-toggle{width:46px;padding:12px;background:transparent;border-color:transparent;color:white}.menu-toggle:hover{background:#4553ac}.hamburger,.hamburger::before,.hamburger::after{display:block;width:22px;height:3px;background:currentColor;border-radius:1px}.hamburger{position:relative}.hamburger::before,.hamburger::after{content:"";position:absolute;left:0}.hamburger::before{top:-7px}.hamburger::after{top:7px}.header-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:min(320px,calc(100vw - 40px));padding:12px;background:#fff;border:1px solid #dfe4f1;border-radius:10px;box-shadow:0 12px 32px #25304b26;display:grid;gap:8px}.header-menu button{text-align:left;border:0;width:100%}.header-menu label{color:#65718d;margin:4px 4px 8px}.header-menu select{min-width:0;width:100%;margin-bottom:8px}.menu-toggle:focus-visible{outline:2px solid white;outline-offset:2px}

.form-section{grid-column:1/-1;margin:12px 0 0;padding-bottom:12px;border-bottom:1px solid #e0e5ef;font-size:16px;color:#354884}.form-section:first-child{margin-top:0}

/* Keep the editor title and actions directly below the pinned 84px brand header. */
header{height:84px}
#workspace:has(#editor:not([hidden]))>.page-title{display:none}
.editor{padding-top:0}
.editor-toolbar{position:sticky;top:84px;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;padding:16px 0;margin-bottom:24px;border-bottom:1px solid #e0e5ef}
.editor-toolbar h2{font-size:20px;margin:0;overflow-wrap:anywhere}
.editor-toolbar button{white-space:nowrap}
.editor .fields input,.editor .fields select,.editor .fields textarea{scroll-margin-top:190px}
.form-actions:has(#delete[hidden]){display:none}
@media(max-width:600px){.editor{padding-top:0}.editor-toolbar{gap:8px}.editor-toolbar h2{font-size:18px}.editor-toolbar button{padding:10px}}