:root{--accent:#f7941d;--accent-dark:#d97800;--accent-soft:#fff2df;--bg:#f6f7f9;--panel:#fff;--panel-soft:#fafafa;--text:#1d1f23;--muted:#69707d;--border:#dde1e7;--danger:#b42318;--danger-bg:#fff0ed;--radius-sm:8px;--radius:14px;--radius-lg:22px;--shadow:0 18px 50px #14192314;--sidebar-width:270px;--bottom-nav-height:74px;--mobile-topbar-height:68px;--font-base:15px;--font-small:13px;--font-xs:12px;--font-title:28px;--font-subtitle:20px;--page-padding:30px;--panel-padding:22px;--sidebar-padding:20px;--input-padding-y:11px;--input-padding-x:12px}@media (width<=1100px){:root{--sidebar-width:245px;--font-base:14px;--font-small:12.5px;--font-xs:11.5px;--font-title:25px;--font-subtitle:19px;--page-padding:24px;--panel-padding:20px;--sidebar-padding:18px}}@media (width<=700px){:root{--bottom-nav-height:70px;--mobile-topbar-height:66px;--font-base:13.5px;--font-small:12px;--font-xs:11px;--font-title:21px;--font-subtitle:18px;--page-padding:16px;--panel-padding:16px;--input-padding-y:10px;--input-padding-x:11px}}@media (width<=420px){:root{--bottom-nav-height:66px;--mobile-topbar-height:62px;--font-base:13px;--font-title:19px;--font-subtitle:17px;--page-padding:12px;--panel-padding:14px}}*{box-sizing:border-box}html{font-size:var(--font-base)}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.appLoader,.loginPage{min-height:100vh;padding:var(--page-padding);place-items:center;display:grid}.loaderCard,.loginCard,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.loaderCard{padding:var(--panel-padding);color:var(--muted)}.loginCard{width:min(100%,430px);padding:var(--panel-padding)}.brandBlock,.sidebarBrand{align-items:center;gap:14px;display:flex}.brandBlock{margin-bottom:28px}.brandBlock h1{margin:0;font-size:26px;line-height:1.1}.brandBlock p,.sidebarBrand span,.sidebarUser span{color:var(--muted);font-size:var(--font-small);margin:4px 0 0;display:block}.brandMark{background:var(--accent);color:#fff;letter-spacing:-.04em;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.formStack{gap:16px;display:grid}label{font-weight:700;font-size:var(--font-small);margin-bottom:7px;display:block}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:var(--input-padding-y) var(--input-padding-x);color:var(--text);background:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primaryButton,.sidebarUser button{border-radius:var(--radius-sm);border:0;font-weight:800}.primaryButton{color:#fff;background:var(--accent);width:100%;padding:12px 16px}.primaryButton:hover{background:var(--accent-dark)}.primaryButton:disabled{cursor:not-allowed;opacity:.7}.alert{border-radius:var(--radius-sm);font-size:var(--font-small);padding:11px 12px}.alert.error{color:var(--danger);background:var(--danger-bg);border:1px solid #ffd1ca}.appShell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{height:100vh;padding:var(--sidebar-padding);border-right:1px solid var(--border);background:var(--panel);flex-direction:column;gap:24px;display:flex;position:sticky;top:0}.sideNav{gap:8px;display:grid}.sideNav button{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--muted);background:0 0;border:0;padding:11px 13px;font-weight:700}.sideNav button.active,.sideNav button:hover{background:var(--accent-soft);color:var(--text)}.sidebarUser{border-top:1px solid var(--border);gap:12px;margin-top:auto;padding-top:16px;display:grid}.sidebarUser button{background:var(--panel-soft);border:1px solid var(--border);color:var(--text);padding:10px 12px}.mainContent{min-width:0;padding:var(--page-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--page-padding))}.pageHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:var(--accent-dark);font-size:var(--font-small);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-weight:900}.pageHeader h1{font-size:var(--font-title);margin:0;line-height:1.15}.panel{padding:var(--panel-padding)}.panel h2{font-size:var(--font-subtitle);margin:0 0 8px}.panel p{color:var(--muted);margin:0;line-height:1.55}.mobileTopbar{display:none}.menuButton{border:1px solid var(--border);border-radius:var(--radius-sm);width:42px;height:42px;color:var(--text);background:#fff;font-size:22px;font-weight:900}.drawerOverlay{z-index:2000;background:#0a0f1966;position:fixed;inset:0}.mobileDrawer{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:22px;width:min(86vw,330px);height:100%;padding:18px;display:flex}.drawerHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.bottomNav{left:var(--sidebar-width);height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:1000;background:#fffffff5;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;right:0}.bottomNav button{color:var(--muted);font-weight:700;font-size:var(--font-xs);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;transition:all .2s;display:flex}.bottomNav button span{font-size:18px}.bottomNav button.active{color:var(--accent-dark)}.bottomNav button:hover{background:var(--accent-soft)}@media (width<=700px){.appShell{display:block}.sidebar{display:none}.mobileTopbar{height:var(--mobile-topbar-height);padding:10px var(--page-padding);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:900;background:#fffffff5;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.bottomNav{left:0}.bottomNav a span{font-size:17px}.brandMark{border-radius:13px;width:42px;height:42px}.brandBlock h1{font-size:23px}.loginCard{width:min(100%,390px)}}@media (width<=420px){.brandMark{border-radius:12px;width:38px;height:38px}.mobileTopbar .sidebarBrand span{display:none}.menuButton{width:38px;height:38px;font-size:20px}.bottomNav a span{font-size:16px}}.pageActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.toolbar{margin-bottom:18px}.searchBox{max-width:680px}.cardList{gap:12px;display:grid}.dataCard{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:#fff;grid-template-columns:minmax(0,1fr) auto;gap:16px;width:100%;padding:16px;display:grid}.dataCard:hover{border-color:var(--accent);box-shadow:0 8px 24px #14192314}.dataCard strong{margin-bottom:5px;display:block}.dataCard span,.dataCardMeta{color:var(--muted);font-size:var(--font-small)}.dataCardMeta{text-align:right;gap:4px;display:grid}.emptyState{color:var(--muted);text-align:center;padding:22px}.emptyState strong,.emptyState span{display:block}.formPage{gap:18px;display:grid}.formSection{padding:var(--panel-padding);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.sectionHeader{margin-bottom:18px}.sectionHeader h2{font-size:var(--font-subtitle);margin:0}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.span2{grid-column:span 2}.formGrid input,.formGrid select,.formGrid textarea{min-height:46px}.formGrid textarea{resize:vertical;line-height:1.45}.formGrid input::placeholder,.formGrid textarea::placeholder{color:#8a919d}.checkLine{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);align-items:center;gap:10px;margin:0;padding:12px 14px;font-weight:700;display:flex}.checkLine input{width:auto}.primaryAction,.secondaryAction,.dangerAction{border-radius:var(--radius-sm);border:1px solid #0000;min-height:42px;padding:0 18px;font-weight:800}.primaryAction{background:var(--accent);border-color:var(--accent);color:#fff}.primaryAction:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.secondaryAction{border-color:var(--border);color:var(--text);background:#fff}.secondaryAction:hover{background:var(--panel-soft)}.dangerAction{background:var(--danger-bg);color:var(--danger);border-color:#ffd1ca}.dangerAction:hover{background:#ffe4df}.primaryAction:disabled,.secondaryAction:disabled,.dangerAction:disabled{opacity:.65;cursor:not-allowed}.stickyActions{bottom:calc(var(--bottom-nav-height) + 12px);z-index:800;border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#fffffff2;justify-content:flex-end;gap:10px;padding:12px;display:flex;position:sticky}@media (width<=700px){.pageHeader{gap:14px;display:grid}.pageActions{justify-content:stretch}.pageActions button{flex:1}.formGrid{grid-template-columns:1fr;gap:12px}.span2{grid-column:span 1}.dataCard{grid-template-columns:1fr}.dataCardMeta{text-align:left}.stickyActions{bottom:calc(var(--bottom-nav-height) + 8px)}.stickyActions button{flex:1}}.topGap{margin-top:22px}.splitHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sectionHeader p{color:var(--muted);font-size:var(--font-small);margin:6px 0 0}.componentGrid{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:start;gap:18px;display:grid}.componentList{gap:12px;display:grid}.componentCard{border:1px solid var(--border);border-radius:var(--radius);background:#fff;gap:14px;padding:15px;display:grid}.componentCard strong{margin-bottom:5px;display:block}.componentCard span{color:var(--muted);font-size:var(--font-small)}.componentForm{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-soft);gap:14px;padding:16px;display:grid}.componentForm h3{margin:0;font-size:17px}.compactGrid{gap:12px}.codeTextarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.buttonRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.buttonRow.right{justify-content:flex-end}@media (width<=1050px){.componentGrid{grid-template-columns:1fr}}@media (width<=700px){.splitHeader{display:grid}.buttonRow,.buttonRow.right{justify-content:stretch}.buttonRow button{flex:1}}.fieldStack{gap:6px;display:grid}.fieldStack label{color:var(--muted);font-size:var(--font-xs);margin:0;font-weight:800}.fieldStack input,.fieldStack select,.fieldStack textarea{width:100%}.checklistEditorGrid{grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);align-items:start;gap:18px;display:grid}.checklistGroups{gap:18px;display:grid}.checklistGroup{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:16px}.checklistGroup h3{margin:0 0 12px;font-size:17px}.checklistItemList{gap:10px;display:grid}.checklistItemCard{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);gap:12px;padding:14px;display:grid}.checklistItemCard strong,.checklistItemCard span,.checklistItemCard em{display:block}.checklistItemCard span{color:var(--muted);font-size:var(--font-small);margin-top:5px}.checklistItemCard em{color:var(--accent-dark);font-size:var(--font-xs);margin-top:6px;font-style:normal;font-weight:800}@media (width<=1050px){.checklistEditorGrid{grid-template-columns:1fr}}.compactChecklistItem{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;position:relative}.checklistItemMain{min-width:0}.checklistItemMeta{color:var(--muted);font-size:var(--font-xs);flex-wrap:wrap;gap:6px 10px;margin-top:6px;display:flex}.checklistItemMeta span,.checklistItemMeta em,.checklistItemMeta small{align-items:center;min-height:22px;display:inline-flex}.checklistItemMeta em{color:var(--accent-dark);font-style:normal;font-weight:800}.checklistItemMeta small{color:var(--text);font-weight:800}.iconActions{gap:6px;display:flex}.iconButton{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text);background:#fff;padding:0;font-weight:900;line-height:1}.iconButton:hover{background:var(--accent-soft);border-color:var(--accent)}.dangerIcon{color:var(--danger)}.dangerIcon:hover{background:var(--danger-bg);border-color:#ffd1ca}@media (width<=520px){.compactChecklistItem{grid-template-columns:1fr}.iconActions{justify-content:flex-end}}