:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f3f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 9%,transparent),transparent 34rem),#f3f5f7}.topbar{max-width:1440px;margin:0 auto;padding:34px 40px 24px;display:flex;justify-content:space-between;align-items:flex-start}.topbar h1{margin:3px 0 6px;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;color:#17202f}.topbar p{margin:0;color:#6b7280}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:.15em;font-weight:800}.header-mark{font-weight:800;color:var(--accent);font-size:15px;padding-top:8px}.header-mark span{font-weight:500;color:#9ca3af;margin-left:5px}main{max-width:1440px;margin:0 auto;padding:0 40px 36px}.panel{background:#fffffff0;border:1px solid #e4e8ed;border-radius:18px;box-shadow:0 10px 30px #1e2a380d}.toolbar{padding:18px;display:grid;grid-template-columns:minmax(220px,.65fr) minmax(380px,1.35fr);gap:18px;align-items:end}.section-nav{display:flex;gap:8px;margin-bottom:16px}.user-management{display:grid;gap:16px}.user-management-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.user-management-heading h2{margin:5px 0;font-size:24px;letter-spacing:-.03em;color:#17202f}.user-management-heading p{margin:0;color:#6b7280;font-size:13px}.user-management-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.user-filters{padding:16px;display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(170px,.85fr) minmax(210px,1fr) minmax(125px,.6fr) auto;align-items:end;gap:12px}.user-result-count{color:#667085;font-size:12px;font-weight:700;padding:10px 2px;white-space:nowrap}.user-table-wrap{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.user-table th{color:#667085;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.user-table th,.user-table td{padding:14px 16px;border-bottom:1px solid #edf0f3;vertical-align:middle}.user-table tbody tr:last-child td{border-bottom:0}.user-table td:first-child{min-width:190px}.user-table td:first-child small{display:block;margin-top:5px;color:#98a2b3;font-size:11px}.user-table td:first-child .account-kind{color:#667085}.user-phone{min-width:160px;white-space:nowrap}.user-phone small{display:block;margin-top:5px;color:#667085;font-size:11px;white-space:normal;max-width:220px}.user-extension{font-variant-numeric:tabular-nums;white-space:nowrap}.field small{color:#667085;font-size:11px;line-height:1.5}.user-row-actions{display:flex;gap:5px;align-items:center}.user-row-actions .button{padding:8px 10px}.button.danger{color:#a22626;background:#fff0f0}.user-table-state{min-height:125px;display:grid;place-items:center;color:#7b8492;font-size:13px}.user-editor{overflow:hidden}.user-editor .form-grid{padding-top:18px}.user-editor-error{grid-column:1 / -1;margin:0}.user-editor-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.export-panel{overflow:hidden}.export-panel .panel-heading{padding-bottom:16px}.export-panel .panel-heading p{margin:7px 0 0;color:#6b7280;font-size:12px}.export-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) minmax(210px,1fr) minmax(210px,1.2fr);align-items:end;gap:14px;padding:0 24px 18px}.export-search{display:flex;align-items:center;gap:9px;min-height:42px;color:#475467;font-size:12px}.export-search input{width:16px;height:16px;accent-color:var(--accent)}.export-search input:disabled{cursor:not-allowed}.export-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 24px 20px;border-top:1px solid #edf0f3}.export-count{color:#667085;font-size:12px}.export-buttons{display:flex;gap:8px}.user-picker{display:grid;grid-template-columns:1fr 1.25fr auto;gap:12px;align-items:end}.signature-mode{display:flex;align-items:center;gap:5px;padding:5px;width:fit-content;margin-bottom:14px;background:#e9edf1;border-radius:12px}.signature-mode .button{min-width:160px}.saved-user-note{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 12px;border-bottom:1px solid #edf0f3;color:#667085;font-size:12px;font-weight:700}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{color:#667085;font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dee6;border-radius:10px;background:#fff;color:#202938;padding:11px 12px;outline:none;transition:border .15s,box-shadow .15s}.field textarea{min-height:86px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.workspace{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:20px;margin-top:20px;align-items:start}.left-column,.right-column{display:grid;gap:20px}.panel-heading{padding:22px 24px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h2{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.form-grid{padding:22px 24px 26px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.status{font-size:11px;font-weight:800;padding:7px 10px;border-radius:99px}.status.active{color:#087443;background:#e6f7ef}.status.inactive{color:#96521f;background:#fff0df}.button{border:0;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:800;transition:transform .15s,opacity .15s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:#fff;background:var(--accent)}.button.secondary{color:#344054;background:#edf0f3}.button.ghost{color:#556070;background:transparent;border:1px solid #dce1e7}.collapsible{overflow:hidden}.panel-title{width:100%;border:0;background:transparent;padding:18px 22px;display:flex;justify-content:space-between;color:#202938;font-weight:800;text-align:left}.panel-title.static{cursor:default}.panel-title span{color:var(--accent);font-size:20px}.settings-grid{padding:0 22px 22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid .wide{grid-column:1 / -1}.settings-grid .button{justify-self:start}.template-list{padding:0 22px 18px;display:grid;gap:8px}.template-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf0f3}.template-row div{display:grid;gap:3px}.template-row span{color:#8b95a5;font-size:11px}.muted{color:#98a2b3;font-size:12px}.preview-panel{min-height:405px}.preview-panel iframe{display:block;width:100%;height:330px;border:0;margin-top:18px;background:#fff}.empty-preview{margin:18px 24px;min-height:290px;display:grid;place-items:center;color:#98a2b3;background:#fafbfc;border-radius:12px}.preview-note{color:#98a2b3;font-size:11px;padding-top:4px}.actions{display:flex;gap:8px;flex-wrap:wrap}.zip-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end;padding:14px;border:1px solid #e4e8ed;border-radius:14px;background:#ffffffb3}.zip-actions .field{min-width:210px}.zip-actions [role=status]{padding:10px 0}.notice{border-radius:12px;padding:12px 15px;display:flex;gap:10px;flex-direction:column;font-size:12px}.notice.warning{background:#fff8eb;color:#8a5a12}.notice.error{background:#fff0f0;color:#a22626}.notice.success{background:#eaf8f0;color:#127341}.import-actions{padding:0 22px 18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.import-actions input{max-width:210px;font-size:11px}.import-preview{border-top:1px solid #edf0f3;padding:14px 22px 20px}.summary{color:#667085;font-size:12px;margin-bottom:12px}.import-commit{display:flex;gap:8px;margin-bottom:12px}.import-commit select{border:1px solid #d8dee6;border-radius:9px;padding:9px}.import-table{max-height:220px;overflow:auto;display:grid;gap:5px}.import-row{display:grid;grid-template-columns:58px 75px 1fr 1.5fr;gap:8px;padding:7px 8px;border-radius:7px;background:#f7f8fa;font-size:11px;align-items:center}.import-row.create strong{color:#087443}.import-row.update strong{color:#365c9d}.import-row.conflict strong,.import-row.error strong{color:#b42318}.import-row small{color:#8b95a5}footer{max-width:1440px;margin:0 auto;padding:0 40px 30px;color:#98a2b3;font-size:11px}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#667085}@media(max-width:1050px){.toolbar,.workspace{grid-template-columns:1fr}.user-picker{grid-template-columns:1fr 1fr auto}}@media(max-width:1050px){.user-filters{grid-template-columns:1fr 1fr}.user-result-count{justify-self:start}.export-controls{grid-template-columns:1fr 1fr}.export-search{grid-column:1 / -1}}@media(max-width:700px){.topbar,main,footer{padding-left:18px;padding-right:18px}.topbar{display:block}.header-mark{padding-top:20px}.user-picker,.form-grid,.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.import-row{grid-template-columns:52px 66px 1fr}.import-row small{grid-column:3}.actions .button{flex:1 1 45%;white-space:normal}.user-management-heading{align-items:flex-start;flex-direction:column}.user-filters{grid-template-columns:1fr}.user-result-count{padding-bottom:0}.user-table th,.user-table td{padding:11px 12px}.user-editor-actions{flex-direction:column-reverse}.user-editor-actions .button,.signature-mode{width:100%}.signature-mode .button{min-width:0;flex:1;white-space:normal}.saved-user-note{align-items:flex-start;flex-direction:column}.zip-actions{align-items:stretch;flex-direction:column}.zip-actions .field{min-width:0}.export-controls{grid-template-columns:1fr;padding:0 18px 16px}.export-search{grid-column:auto}.export-actions{align-items:stretch;flex-direction:column;padding:14px 18px 18px}.export-buttons{flex-direction:column}.export-buttons .button{width:100%}}