:root{--ink:#172a48;--blue:#173ee6;--teal:#009eaf;--lime:#d5f477;--muted:#687383;--line:#dfe5eb}*{box-sizing:border-box}body{margin:0;background:#f5f7f8;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;background:var(--blue);color:white;border:0;border-radius:6px;padding:14px 20px;font-size:12px;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.6;cursor:wait}button.secondary{background:#eaf0f9;color:var(--ink)}input,textarea,select{border:1px solid #cdd6e0;border-radius:5px;background:white;color:var(--ink);padding:12px;font-size:13px;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #173ee633;border-color:var(--blue)}label{display:grid;gap:9px;font-size:12px}form{display:grid;gap:22px}h1{font-size:32px;font-weight:500;letter-spacing:-1px;margin:16px 0}h2{font-size:24px;font-weight:500;letter-spacing:-.6px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700}.access{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.access-brand{background:var(--ink);padding:70px 12%;color:white;display:flex;flex-direction:column;justify-content:center}.access-brand>img{width:190px;background:white;border-radius:8px;padding:12px;margin-bottom:65px}.access-brand>span{font-size:65px;letter-spacing:-3px;line-height:1.1;color:var(--lime)}.access-brand>p{font-size:15px;color:#c2cddc;line-height:1.8;max-width:350px;margin:30px 0}.access-brand>a{font-size:12px}.access-form{padding:60px 14%;align-self:center}.access-form>p{font-size:14px;line-height:1.8;color:var(--muted)}.access-form form{margin-top:35px}.access-form small{font-size:11px;line-height:1.7;color:var(--muted);display:block;margin-top:30px}#access-error{color:#b02c32}#dashboard{display:flex;min-height:100vh}aside{width:235px;min-width:235px;background:white;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column;gap:13px;position:sticky;top:0;height:100vh}.panel-logo>img{width:150px;margin:0 0 40px}.nav-tab{text-align:left;background:none;color:var(--ink);padding:14px 12px}.nav-tab.active{background:#edf2ff;color:var(--blue)}.nav-link{font-size:12px;padding:15px 12px}.aside-bottom{margin-top:auto;display:grid;gap:12px}.aside-bottom>span{font-size:12px;color:var(--muted)}#logout{background:#f0f3f7;color:var(--ink)}.workspace{padding:30px;width:calc(100% - 235px)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}header h1{font-size:29px;margin-bottom:0}.local-badge{font-size:10px;background:#e9f0e1;color:#3d5c29;border-radius:30px;padding:10px 14px;white-space:nowrap}#message{font-size:13px;padding:0 0 18px;color:#23582b}#message.error{color:#ad2630}.toolbar{display:flex;gap:12px;align-items:end;margin-bottom:20px}.toolbar>label{margin-right:auto;min-width:250px}.editor-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.fields-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;max-height:77vh;overflow:auto}.editor-tabs{display:flex;gap:4px}.editor-tabs>button{padding:10px 12px;background:none;color:var(--muted)}.editor-tabs>button.active{color:var(--blue);background:#edf2ff}.editor-hint{font-size:11px;line-height:1.7;color:var(--muted)}#search{margin:0 0 20px}.text-field{margin-bottom:20px}.text-field label{font-size:10px;color:var(--muted)}.text-field textarea{line-height:1.6;min-height:65px;resize:vertical;color:var(--ink)}.text-field.selected{outline:2px solid var(--blue);outline-offset:6px;border-radius:3px}.preview-panel{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.preview-toolbar{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafbfc;font-size:8px;letter-spacing:.5px;color:var(--muted)}.preview-toolbar>a{color:var(--blue);font-size:10px;white-space:nowrap}#preview{display:block;width:100%;height:72vh;border:0;background:white}.image-field{padding:15px 0;border-bottom:1px solid var(--line);display:grid;gap:12px}.image-field img{width:100%;height:140px;object-fit:contain;background:#edf1f5;border-radius:5px}.image-field input[type=file]{font-size:10px}.image-field small{font-size:10px;color:var(--muted);line-height:1.6}.history-item{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.history-item button{margin-top:10px;background:#edf1f7;color:var(--ink);font-size:10px}.lead{font-size:15px;color:var(--muted);line-height:1.8}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.template-card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.template-card img{width:100%;height:220px;object-fit:cover;object-position:top;background:#edf1f5}.template-body{padding:25px}.template-body h2{font-size:23px;margin:12px 0}.template-body p{font-size:12px;line-height:1.8;color:var(--muted)}.template-body span{font-size:9px;letter-spacing:1px;color:var(--blue)}.template-body a{font-size:12px;display:inline-block;color:var(--blue);margin:10px 15px 0 0}.note{padding:25px;background:#edf3e7;border-radius:8px;font-size:14px}.note p{font-size:12px;line-height:1.9;color:#516345}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel-card{padding:30px;background:white;border:1px solid var(--line);border-radius:9px;align-content:start}.panel-card h2{margin:0}.panel-card p,.panel-card small{font-size:12px;line-height:1.8;color:var(--muted)}@media(max-width:1150px){.editor-layout{grid-template-columns:300px 1fr}.workspace{padding:25px}aside{width:200px;min-width:200px;padding:30px 15px}.workspace{width:calc(100% - 200px)}.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.access{grid-template-columns:1fr}.access-brand{padding:35px}.access-brand>img{width:145px;margin-bottom:25px}.access-brand>span{font-size:40px;letter-spacing:-1.5px}.access-brand>p{margin:20px 0}.access-form{padding:35px}#dashboard{display:block}aside{position:static;height:auto;width:100%;padding:18px;min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.panel-logo{width:100%;margin:0}.panel-logo>img{width:120px;margin:0 0 10px}aside>.eyebrow{display:none}.nav-tab,.nav-link{font-size:10px;padding:12px}.aside-bottom{margin:0;display:flex;align-items:center;gap:12px}.aside-bottom>span{font-size:10px}#logout{font-size:10px;padding:10px}.workspace{width:100%;padding:20px}header{align-items:flex-start}header h1{font-size:24px}.local-badge{font-size:8px;white-space:normal;line-height:1.6;max-width:100px}.toolbar{flex-wrap:wrap}.toolbar>label{width:100%;min-width:0}.toolbar>button{flex:1;padding:13px}.editor-layout,.account-grid,.template-grid{grid-template-columns:1fr}.fields-panel{max-height:50vh}#preview{height:65vh}.preview-toolbar{font-size:7px}.account-grid{gap:20px}}
