:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183a3c;background:#f5f7f6;font-synthesis:none;line-height:1.5;font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1.4px;margin-bottom:8px;line-height:1.15}h2{font-size:23px;letter-spacing:-.6px;line-height:1.3}h3{font-size:17px;letter-spacing:-.3px}p{color:#5d7475}
.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#103537;color:#d6e3df;padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:25px;line-height:1.1;text-decoration:none;font-weight:750;color:#fff}.brand-icon{color:#d6eb9e;font-size:40px}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:9px;font-weight:500}.nav-label{font-size:9px;letter-spacing:1.7px;color:#98b4af;margin:55px 12px 14px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px 14px;border-radius:8px}nav a[aria-current=page]{background:#294d4a;color:#e1f3b5}nav a:hover{background:#234744}.sidebar-bottom{display:flex;gap:10px;align-items:center;margin-top:auto;font-size:11px}.sidebar-bottom small{display:block;color:#9bb5b0;font-size:10px;margin-top:4px}.avatar{padding:8px;background:#2c5049;border-radius:7px;color:#d4e6b4;font-weight:700}
main{margin-left:238px;padding:0 40px;max-width:1720px;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0;border-bottom:1px solid #dfe7e3;margin-bottom:24px;font-size:10px;letter-spacing:1.2px}.muted{color:#92a19c;margin:0 10px}.badge{display:inline-flex;align-items:center;font-size:10px;font-weight:650;padding:5px 9px;border-radius:5px;white-space:nowrap;background:#edf0ee;color:#576c67}.badge.demo{background:#ebf1de;color:#607936;letter-spacing:1px}.badge.published,.badge.approved{background:#e5f2e9;color:#226846}.badge.draft,.badge.pending{background:#faf0dc;color:#805f20}.badge.archived{background:#eef0f1;color:#647075}.badge.reviewing{background:#e7eef8;color:#355e8e}.badge.rejected{background:#fae9e7;color:#9a4038}
.notice{background:#eef2e8;color:#4c6555;border:1px solid #dde6d5;border-radius:7px;padding:12px 16px;font-size:12px;line-height:1.6}.notice strong{color:#324e3e}.warning{background:#fff2dc;border-color:#edd09c;margin-top:12px}.page-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:32px 0 25px}.page-heading p:last-child{margin-bottom:0}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#607c6c;margin-bottom:12px}
.primary,.secondary,.danger,.icon-button,.add-field{border:1px solid transparent;border-radius:6px;font-weight:600;padding:11px 15px;line-height:1.4}.primary{background:#d7eb99;color:#263f29}.primary:hover{background:#c9e381}.secondary{border-color:#d7e0da;background:#fff;color:#385653}.secondary:hover{background:#f2f6ee}.danger{background:#faece8;color:#9a3b2c}.icon-button{padding:5px 10px;background:transparent;color:#627570;font-size:20px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{border:1px solid #e0e6e2;border-radius:9px;background:white;padding:18px 22px}.stat small{font-size:11px;color:#73857f}.stat strong{display:block;font-size:29px;letter-spacing:-1px;margin-top:9px}.stat span{font-size:10px;color:#7b8e7e}
.toolbar{display:flex;gap:16px;align-items:end;justify-content:space-between;margin-bottom:22px;padding:18px 0;border-top:1px solid #e0e7e2;border-bottom:1px solid #e0e7e2}.toolbar label{min-width:190px}.search-label{width:340px;max-width:100%}label{display:grid;gap:7px;font-size:12px;font-weight:550;color:#48615d}input,textarea,select{padding:10px 11px;border:1px solid #cddad2;border-radius:6px;background:#fff;color:#234641;width:100%;min-width:0}textarea{resize:vertical}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{min-width:0;padding:23px;background:white;border:1px solid #dde6df;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 2px 4px #183c3503}.card-top,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eef3e7;color:#66814c;font-size:23px}.card .area{font-size:9px;letter-spacing:1.5px;color:#769072;margin-top:24px;margin-bottom:8px}.card h2{font-size:19px;margin-bottom:9px;overflow-wrap:anywhere}.card p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.card-description{flex:1;white-space:pre-line}.card-meta{font-size:10px;color:#7f9187;margin:15px 0}.card-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #e7ede7}.card-actions button{font-size:11px;padding:8px 11px}.card-actions .primary{flex:1}.card-more{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px}.text-button{border:0;background:none;color:#637b6c;font-size:11px;padding:2px 0;text-decoration:underline;text-underline-offset:3px}
.empty{text-align:center;background:white;border:1px dashed #cddad1;border-radius:10px;padding:50px 25px}.empty h2{font-size:20px}footer{color:#798d83;font-size:10px;line-height:1.9;padding:28px 0;margin-top:38px;border-top:1px solid #e0e7e2}#offline-state{margin:8px 0 0}#feedback{position:fixed;bottom:24px;right:25px;max-width:min(420px,90vw);background:#173f38;color:white;border-radius:8px;box-shadow:0 8px 35px #17372b25;z-index:2}#feedback:not(:empty){padding:14px 20px}
dialog{color:#23453e;max-height:92vh;width:min(590px,94vw);border:1px solid #d6e0d7;border-radius:13px;padding:27px;box-shadow:0 20px 80px #09282035}dialog::backdrop{background:#0c282585;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:18px}.dialog-heading h2{margin-bottom:0}.dialog-heading .eyebrow{margin-bottom:7px}.dialog-heading .icon-button{margin-top:-5px}dialog label{margin-bottom:18px}dialog .notice{margin:20px 0}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #dde6dd}.action-group{display:flex;gap:9px;flex-wrap:wrap}.create-options{display:grid;gap:10px}.create-option{text-align:left;display:grid;gap:4px}.create-option small{font-weight:400;color:#728773}
.editor-dialog{width:min(1100px,96vw);padding:25px 28px}.editor-layout{display:grid;grid-template-columns:260px 1fr;gap:28px}.form-settings{border-right:1px solid #e4eae2;padding-right:25px}.form-settings h3,.section-heading h3{font-size:14px;margin-bottom:17px}.field-canvas{min-width:0}.helper{color:#718375;font-size:11px;line-height:1.8}.builder-tip{padding:15px;border-radius:8px;background:#f2f5ed;font-size:12px;margin-top:25px}.builder-tip p{font-size:11px;line-height:1.8;margin:8px 0 0}.field-row{padding:16px;border:1px solid #dfe6dd;border-radius:8px;background:#f9faf7;margin-bottom:12px}.field-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.field-number{font-size:10px;font-weight:700;color:#758670}.field-controls{display:flex;gap:3px}.field-controls button{padding:3px 7px;font-size:13px}.drag-handle{cursor:grab}.field-properties{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:12px}.field-row label{margin-bottom:11px;font-size:11px}.field-row input,.field-row select,.field-row textarea{font-size:12px}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input{width:auto;accent-color:#335e44}.field-row .checkbox-label{margin-bottom:0}.add-field{background:#fff;border:1px dashed #9db196;color:#527048;width:100%;font-size:12px}.conditions{margin-top:15px;border-top:1px solid #e0e6da;padding-top:12px}.condition-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:5px;margin-top:8px}.condition-row label{min-width:0}.conditions .text-button{margin-top:8px}.error{background:#fff0e9;color:#9e3929;font-size:12px;padding:12px;border-radius:5px}
.response-row{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border:1px solid #dde6df;border-radius:8px;padding:18px 22px;margin-bottom:12px}.response-row h2{font-size:15px;margin-bottom:5px;overflow-wrap:anywhere}.response-row p{font-size:11px;margin:0}.response-row .action-group{align-items:center;flex-shrink:0}.response-row button{font-size:11px}dl{background:#f6f8f3;padding:18px;border-radius:8px}dt{font-size:11px;color:#6a7e69;margin-bottom:4px}dd{margin:0 0 16px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}dd:last-child{margin-bottom:0}#workflow-progress{background:#f4f6ed;padding:14px;border-radius:7px;font-size:12px;margin-bottom:20px}#workflow-progress li{margin:7px 0;overflow-wrap:anywhere}
.skip-link{position:fixed;top:-80px;left:10px;padding:10px;background:white;z-index:10}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #608450;outline-offset:3px}[hidden]{display:none!important}
@media(min-width:1450px){main{padding-left:55px;padding-right:55px}.card{padding:28px}}
@media(max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:215px}main{margin-left:215px;padding:0 25px}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:20px}.brand{font-size:22px}.brand-icon{font-size:33px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:4px;margin-top:20px;flex-wrap:wrap}nav a{padding:9px 11px;font-size:12px}main{margin:0;padding:0 19px}.topbar{font-size:9px}.page-heading{align-items:start;flex-direction:column;margin-top:25px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px}.toolbar{flex-wrap:wrap}.toolbar label{min-width:0;flex:1}.search-label{width:auto}.cards{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.form-settings{border-right:0;border-bottom:1px solid #e4eae2;padding:0 0 8px}.builder-tip{display:none}.editor-dialog{padding:20px}.field-properties{grid-template-columns:1fr}.condition-row{grid-template-columns:1fr 1fr}.dialog-actions{align-items:stretch;flex-direction:column}.dialog-actions .action-group{flex-direction:column}.response-row{align-items:start;flex-direction:column}.response-row .action-group{width:100%;justify-content:space-between}dialog{max-height:94vh}.page-heading .primary{width:100%}}
.storage-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8px 0 16px}.storage-tools .near-limit{color:#805f20;font-weight:700}.answer-field{border:0;margin:0 0 22px;padding:0;min-width:0}.answer-field>label,.answer-field>legend{font-size:13px;font-weight:600;margin:0 0 8px}.answer-field legend{padding:0}.choice-options{display:grid;gap:8px}.choice-options .checkbox-label,.rating-options .checkbox-label{margin:0;padding:10px;border:1px solid #dfe6dd;border-radius:6px;font-weight:400}.rating-options{display:flex;gap:8px;flex-wrap:wrap}.answer-field input[type=radio],.answer-field input[type=checkbox]{width:auto;accent-color:var(--form-accent,#335e44)}.answer-field.checkbox-label>label{margin:0}.choice-options input:focus-visible,.rating-options input:focus-visible{outline:2px solid var(--form-accent,#335e44);outline-offset:3px}
.layout-settings{margin:0 0 24px;border:1px solid #dfe6dd;border-radius:8px;padding:16px}.layout-settings summary{cursor:pointer;font-weight:650}.layout-page{padding:16px;background:#f6f8f3;border-radius:8px;margin:14px 0}.layout-page .section-heading{flex-wrap:wrap}.layout-page h4{margin:0}.layout-page button{font-size:11px}.layout-section{border-left:3px solid #abc19d;margin:14px 0;padding:4px 0 4px 14px}.layout-section textarea{margin-bottom:10px}.answer-section{border-top:1px solid #dfe6dd;margin:16px 0;padding-top:14px}.answer-section h3{font-size:15px;overflow-wrap:anywhere}.answer-section .helper{white-space:pre-wrap}.page-navigation{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:22px}#fill-page-title{overflow-wrap:anywhere;font-size:20px}#fill-progress{font-weight:650}