*{box-sizing:border-box}body{margin:0;color:#182033;background:#eef2f6;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{border:0;border-radius:6px;background:#1266d6;color:#fff;cursor:pointer;padding:10px 14px}button.secondary{background:#e7eef8;color:#16437a}button.danger{background:#d84a4a}button:disabled{background:#a7b3c3;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #c9d3df;border-radius:6px;background:white;color:#182033;padding:10px 12px}label{display:grid;gap:6px;color:#48586c;font-size:13px;font-weight:700}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #edf1f5;padding:12px;text-align:left;vertical-align:top}th{color:#5b6878;font-size:12px;text-transform:uppercase}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side-nav{background:#142238;color:#fff;padding:24px 18px}.brand{display:grid;gap:4px;margin-bottom:28px}.brand strong{font-size:28px}.brand span{color:#b6c7dd;font-size:13px}.side-nav nav{display:grid;gap:8px}.side-nav a{border-radius:6px;color:#dce7f7;padding:12px;text-decoration:none}.side-nav a.active,.side-nav a:hover{background:#203757;color:#fff}.nav-group{color:#8fa8c7;font-size:11px;font-weight:700;letter-spacing:.08em;margin:18px 0 4px;padding:0 12px}.main-content{min-width:0;padding:28px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-header h1{margin:0;font-size:30px}.page-header p{margin:8px 0 0;color:#617083}.panel,.card,.section-band{background:#fff;border:1px solid #dce4ee;border-radius:8px}.panel,.card{padding:18px}.section-band{padding:20px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.stack{display:grid;gap:16px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#eaf2ff;color:#174f99;font-size:12px;font-weight:700;padding:4px 8px}.badge.warn{background:#fff2d6;color:#8a5700}.badge.ok{background:#e5f7ed;color:#11653c}.muted{color:#687789}.tabs{display:flex;gap:8px;border-bottom:1px solid #dce4ee;margin-bottom:16px;margin-top:16px;overflow-x:auto;padding-top:4px}.tabs button{border-radius:6px 6px 0 0;background:transparent;color:#45566b}.tabs button.active{background:#1266d6;color:#fff}.quick-access{margin-top:16px}.quick-access .toolbar button{min-height:44px}.field-card{display:grid;gap:10px;border:1px solid #dce4ee;border-radius:8px;padding:14px}.field-card.selected{border-color:#1266d6;box-shadow:0 0 0 3px #dcecff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}@media (max-width: 980px){.app-shell,.workspace,.editor-layout,.grid.two,.grid.three,.form-grid{grid-template-columns:1fr}.side-nav{position:static}}