:root{--ink:#152033;--muted:#65738a;--brand:#5c46e8;--paper:#fff;--line:#e4e8ef;--bg:#f6f8fc}*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--brand);text-decoration:none}input,textarea,select,button{font:inherit;padding:.65rem;border:1px solid #cbd3df;border-radius:7px;width:100%}textarea{min-height:90px}button,.button{background:var(--brand);border:0;color:#fff;cursor:pointer;width:auto;display:inline-block;padding:.65rem 1rem;border-radius:7px}.button.secondary{background:#64748b}.button.danger,.danger{background:#b42318}.container{max-width:1120px;margin:auto;padding:2rem 1rem}.site-header,.site-footer{background:#101827;color:#fff;padding:1rem max(1rem,calc((100% - 1120px)/2));display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.brand{font-size:1.3rem;font-weight:750;color:#fff}.brand img{height:32px;max-width:180px;object-fit:contain;vertical-align:middle;margin-right:.5rem}.site-header nav ul,.site-footer nav ul{display:flex;list-style:none;gap:.8rem;margin:0;padding:0}.site-header nav li{position:relative}.site-header nav li ul{display:none;position:absolute;z-index:5;background:#101827;padding:10px;min-width:180px;left:0}.site-header nav li:hover>ul{display:block}.site-header nav li ul li ul{left:100%;top:0}.site-header nav a,.site-footer a{color:#fff}.lang{margin-left:auto;display:flex;gap:.5rem}.card,fieldset{background:var(--paper);border:1px solid var(--line);padding:1.2rem;border-radius:12px;box-shadow:0 2px 8px #1520330a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.cover,.hero{width:100%;max-height:390px;object-fit:cover;border-radius:10px}.article{max-width:820px;margin:auto}.template-wide{max-width:1100px}.meta,small,.hint{color:var(--muted)}.review,.comment{border-left:4px solid var(--brand);padding:.5rem 1rem;margin:1rem 0;background:#f0efff}.comments{margin-top:3rem}.form-grid,.editor{max-width:820px;display:grid;gap:.8rem}.two,.inline-form{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap}.two>*{flex:1}.inline-form input,.inline-form select{width:auto;flex:1}.notice{padding:.7rem;background:#dcfce7;color:#14532d}.error{padding:.7rem;background:#fee2e2;color:#991b1b}.admin{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin aside{background:#101827;color:#d8e1ee;padding:1.2rem;display:flex;flex-direction:column;gap:.35rem}.admin aside h2{color:#fff}.admin aside a{color:#d8e1ee;padding:.45rem;border-radius:5px}.admin aside a:hover{background:#243148}.admin main{padding:2rem;overflow:auto}.admin-top{text-align:right;color:var(--muted)}table{width:100%;border-collapse:collapse;background:white}th,td{padding:.7rem;text-align:left;border-bottom:1px solid var(--line)}.stats{display:flex;gap:1rem;flex-wrap:wrap}.stats div{background:#fff;padding:1rem;border-radius:10px;min-width:130px}.stats b{display:block;font-size:2rem}.toolbar{display:flex;gap:.5rem;align-items:center}.toolbar button{padding:.35rem .6rem}.section-head,.extension-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:99px;background:#eef1f7;color:#4b5563;font-size:.85rem}.badge.active{background:#dcfce7;color:#166534}.menu-manager{margin:1rem 0}.menu-row{padding:.45rem .5rem;margin:.2rem 0;background:#f8fafc;border:1px solid #e7ebf1;border-radius:6px;display:flex;gap:.5rem;align-items:center;padding-left:calc(.5rem + var(--level)*1.5rem)}.menu-row small{margin-left:auto}.button-row{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:.7rem;align-items:end;margin-bottom:.4rem}.footer-inner{width:100%;max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.footer-business{color:#d8e1ee}.footer-note{color:#aab5c5}.service-card img{max-height:220px}.service-card{display:flex;flex-direction:column}.service-card .button{align-self:flex-start;margin-top:auto}.service-card h3{margin-bottom:.25rem}@media(max-width:700px){.admin{grid-template-columns:1fr}.admin aside{flex-direction:row;overflow:auto}.admin aside h2{display:none}.admin main{padding:1rem}.site-header nav{order:3;width:100%}.site-header nav ul{flex-wrap:wrap}.inline-form input,.inline-form select{width:100%;flex:auto}.button-row{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}}

.hidden{display:none!important}.button-manager{margin:1rem 0}.button-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem}.button-summary>div:first-child{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.button-summary small{color:var(--muted)}.button-edit-form,.menu-edit-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.button-edit-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:.7rem;margin-bottom:.7rem}.menu-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inline-delete{display:inline}.inline-delete button{margin:0}.menu-draggable{cursor:grab}.menu-draggable.dragging{opacity:.45}.drag-handle{color:var(--muted);font-size:1.1rem;cursor:grab}.menu-item-editor{margin-top:1rem}.menu-sort-form{margin-top:1rem}.order-status-form{align-items:center}.order-status-form select{width:auto;min-width:170px}.order-status-form button{padding:.55rem .8rem}.menu-row .menu-actions{margin-left:auto}.menu-row .menu-actions a{white-space:nowrap}
@media(max-width:700px){.button-summary,.section-head{flex-direction:column;align-items:stretch}.button-edit-grid{grid-template-columns:1fr}.menu-row{flex-wrap:wrap}.menu-row small{margin-left:0;width:100%}}

/* Admin workspace redesign */
.admin main{max-width:1500px;width:100%;margin:0 auto}.admin-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.admin-page-head h1{margin:0 0 .3rem}.admin-grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-bottom:1rem}.stack-form{display:grid;gap:.8rem}.stack-form label{display:grid;gap:.35rem}.help-list{display:grid;gap:.9rem}.help-list div{display:grid;gap:.15rem;padding:.75rem;background:#f8fafc;border:1px solid var(--line);border-radius:9px}.help-list span{color:var(--muted)}.muted{color:var(--muted)}.small{padding:.45rem .7rem;font-size:.9rem}.big-badge{font-size:1rem;padding:.45rem .8rem}.menu-builder{margin:1rem 0}.menu-settings{display:grid;grid-template-columns:1fr 1fr auto;gap:.8rem;align-items:end;margin:1rem 0;padding:1rem;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.menu-settings label,.menu-item-form label{display:grid;gap:.35rem}.menu-tree-form{margin-top:1rem}.menu-root-drop{border:2px dashed #b9c2d0;border-radius:10px;padding:1rem;text-align:center;color:var(--muted);margin-bottom:.8rem;background:#fbfcfe}.menu-root-drop.drag-active{border-color:var(--brand);background:#f0efff;color:var(--brand)}.menu-tree-editor,.menu-children{list-style:none;margin:0;padding:0}.menu-children{margin-left:2rem;border-left:2px solid #e7ebf1;padding-left:.8rem}.menu-node{margin:.35rem 0}.menu-node-main{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--line);border-radius:9px;padding:.7rem .8rem;min-height:52px;box-shadow:0 1px 3px #1520330a}.menu-node.dragging{opacity:.45}.menu-node.drop-before>.menu-node-main{box-shadow:0 -3px 0 var(--brand)}.menu-node.drop-after>.menu-node-main{box-shadow:0 3px 0 var(--brand)}.menu-node.drop-child>.menu-node-main{outline:2px solid var(--brand);background:#f7f5ff}.menu-node-label{font-weight:650}.menu-node code{margin-left:auto;color:var(--muted);font-size:.85rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-node-actions{display:flex;gap:.4rem;align-items:center}.submenu-badge{background:#f0efff;color:#5c46e8}.drag-handle{cursor:grab;color:#8a96a8;font-size:1.2rem}.menu-tree-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.menu-add-panel{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}.menu-item-form{display:grid;grid-template-columns:1.1fr 1.6fr 1.1fr .6fr auto;gap:.7rem;align-items:end}.form-actions{display:flex;gap:.5rem;align-items:center}.create-card{margin-bottom:1rem}.create-card-title h2{margin:0}.create-card-title p{margin:.2rem 0 1rem;color:var(--muted)}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:.8rem;margin-bottom:.8rem}.form-grid-3 label{display:grid;gap:.35rem}.list-stack{display:grid;gap:.8rem}.button-card{padding:1rem}.button-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem}.item-title{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.25rem}.button-edit-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.status-tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 1rem}.status-tabs a{display:flex;gap:.45rem;align-items:center;padding:.55rem .75rem;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.status-tabs a.active{background:#f0efff;border-color:#c8c0ff;color:#4a36cf;font-weight:650}.status-tabs span{background:#eef1f7;padding:.1rem .4rem;border-radius:99px;font-size:.8rem}.order-detail{margin-bottom:1rem}.back-link{font-size:.9rem}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:1rem}.info-card{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:1rem;margin-top:1rem}.info-card:first-child{margin-top:0}.info-card h3{margin:.1rem 0 .6rem}.message-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.8rem;min-height:60px}.notes-list{display:grid;gap:.6rem;margin-bottom:.8rem}.note{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.7rem}.note>div{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}.note span{color:var(--muted)}.status-pill{display:inline-block;padding:.3rem .6rem;border-radius:999px;font-size:.85rem;font-weight:650;background:#eef1f7}.status-new{background:#e0f2fe;color:#075985}.status-review{background:#fef3c7;color:#92400e}.status-working{background:#ede9fe;color:#5b21b6}.status-done{background:#dcfce7;color:#166534}.status-revision{background:#ffedd5;color:#9a3412}.status-complaint{background:#fee2e2;color:#991b1b}.status-deleted{background:#e5e7eb;color:#4b5563}.danger-box{border-color:#fecaca;background:#fff7f7}.table-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.table-head h2{margin:0}.table-wrap{overflow:auto}.orders-table{min-width:850px}.orders-table td small{display:block;margin-top:.15rem}.empty-state{text-align:center;padding:2rem;color:var(--muted)}
/* Public multi-level hover dropdown */
.site-header nav ul,.site-footer nav ul{list-style:none}.site-header nav li,.site-footer nav li{position:relative}.site-header nav li>ul,.site-footer nav li>ul{display:none;position:absolute;z-index:50;top:100%;left:0;min-width:210px;padding:.45rem;background:#101827;border-radius:8px;box-shadow:0 12px 30px #0005}.site-header nav li:hover>ul,.site-header nav li:focus-within>ul,.site-footer nav li:hover>ul,.site-footer nav li:focus-within>ul{display:block}.site-header nav li>ul li>ul,.site-footer nav li>ul li>ul{left:100%;top:0}.site-header nav li>ul a,.site-footer nav li>ul a{display:block;padding:.55rem .7rem;white-space:nowrap}.site-header nav li>ul a:hover,.site-footer nav li>ul a:hover{background:#243148}
@media(max-width:900px){.admin-grid-2,.order-detail-grid{grid-template-columns:1fr}.menu-item-form{grid-template-columns:1fr 1fr}.menu-settings,.form-grid-3{grid-template-columns:1fr}.admin-page-head,.button-summary,.table-head{flex-direction:column;align-items:stretch}.menu-node code{display:none}}
@media(max-width:700px){.menu-children{margin-left:1rem;padding-left:.5rem}.menu-node-main{flex-wrap:wrap}.menu-node-actions{width:100%}.menu-tree-footer{flex-direction:column;align-items:stretch}.menu-item-form{grid-template-columns:1fr}.status-tabs{display:grid;grid-template-columns:1fr 1fr}.status-tabs a{justify-content:space-between}}

/* v4 compact admin workspaces */
.builder-shell{max-width:1500px}.builder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}.builder-header h1{margin:.15rem 0 .35rem;font-size:2rem}.builder-header p{margin:0;color:var(--muted);max-width:760px}.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#6b7280}.menu-workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:14px;align-items:start}.menu-library,.menu-editor,.menu-inspector{padding:0;overflow:hidden}.panel-title,.editor-toolbar,.inspector-head{padding:16px 18px;border-bottom:1px solid var(--line)}.panel-title h2,.editor-toolbar h2,.inspector-head h2{margin:.15rem 0}.panel-title span,.inspector-head p{color:var(--muted);font-size:.85rem}.menu-list{padding:8px}.menu-list-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 10px;border-radius:8px;color:var(--ink);text-decoration:none;margin:2px 0}.menu-list-item:hover{background:#f5f6fa}.menu-list-item.active{background:#f0efff;color:#4936c8}.menu-list-item span{display:grid;gap:2px;min-width:0}.menu-list-item small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-list-item em{font-style:normal;font-size:.78rem;background:#eef1f7;border-radius:999px;padding:2px 7px}.menu-create-inline{border-top:1px solid var(--line);padding:14px}.menu-create-inline h3{margin:0 0 10px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}.menu-settings-panel{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:12px 16px;background:#fafbfc;border-bottom:1px solid var(--line);align-items:end}.menu-settings-panel label,.inspector-form label,.compact-create-form label,.button-inline-editor label{display:grid;gap:4px;font-size:.85rem;font-weight:650}.menu-tree-form{padding:14px 16px}.tree-help{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.82rem;margin-bottom:10px}.menu-root-drop{padding:8px 10px;margin-bottom:8px;border:1px dashed #b9c2d0;border-radius:7px;background:#fafbfc;font-size:.82rem}.menu-root-drop.drag-active{border-color:#5c46e8;background:#f0efff}.menu-tree-editor,.menu-children{list-style:none;margin:0;padding:0}.menu-children{margin-left:27px;padding-left:11px;border-left:1px solid #e1e5ec}.menu-node{margin:3px 0}.menu-node-main{display:grid;grid-template-columns:20px 18px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:48px;padding:6px 8px;border:1px solid #e2e6ed;border-radius:7px;background:#fff}.menu-node.dragging{opacity:.45}.menu-node.drop-before .menu-node-main{box-shadow:0 -2px 0 #5c46e8}.menu-node.drop-after .menu-node-main{box-shadow:0 2px 0 #5c46e8}.menu-node.drop-child .menu-node-main{outline:2px solid #c7c0ff;background:#faf9ff}.drag-handle{cursor:grab;color:#8b95a7;text-align:center}.menu-node-icon{color:#8b95a7}.menu-node-copy{display:grid;min-width:0}.menu-node-copy strong{font-size:.9rem}.menu-node-copy span{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-node-edit{font-size:.8rem;text-decoration:none;color:#4d3ac8}.submenu-badge{font-size:.72rem;padding:2px 6px}.tree-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.menu-danger-zone{padding:10px 16px;border-top:1px solid var(--line);background:#fffafa}.menu-inspector{position:sticky;top:16px}.inspector-head{background:#fafbfc}.inspector-form{display:grid;gap:11px;padding:16px}.inspector-hint{padding:9px 10px;background:#f5f6fa;border-radius:7px;color:var(--muted);font-size:.78rem;line-height:1.4}.inspector-delete{padding:12px 16px;border-top:1px solid var(--line)}.menu-empty{min-height:300px;display:grid;place-items:center}.buttons-shell .button-library{padding:0}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.library-toolbar input{max-width:360px}.button-table-head,.button-row-compact{display:grid;grid-template-columns:1.2fr 1.1fr 1.5fr auto;gap:12px;align-items:center}.button-table-head{padding:8px 14px;background:#f7f8fa;color:#70798a;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:750}.button-row-compact{padding:9px 14px;border-bottom:1px solid var(--line);position:relative}.button-row-compact:hover{background:#fcfcfd}.button-row-compact>div{min-width:0}.button-row-compact small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.button-row-compact code{font-size:.78rem;color:#596579;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.button-preview{display:inline-block;padding:4px 9px;border-radius:6px;background:#eef1ff;color:#4d3ac8;font-size:.8rem}.row-actions{display:flex;gap:5px;justify-content:flex-end}.button-inline-editor{grid-column:1/-1;padding:10px 0 2px;margin-top:3px;border-top:1px dashed #d7dce5}.button-inline-editor form{display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:9px;align-items:end}.button-create-drawer{padding:12px 0}.drawer-card{padding:16px}.compact-create-form{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:10px;align-items:end}.hidden{display:none!important}
@media(max-width:1100px){.menu-workspace{grid-template-columns:210px minmax(0,1fr)}.menu-inspector{grid-column:1/-1;position:static}.inspector-form{grid-template-columns:1fr 1fr 1fr}.inspector-head{display:flex;gap:12px;align-items:center}.inspector-head p{margin:0}.button-table-head,.button-row-compact{grid-template-columns:1fr 1fr 1.2fr auto}}
@media(max-width:760px){.builder-header,.editor-toolbar,.library-toolbar{flex-direction:column;align-items:stretch}.menu-workspace{grid-template-columns:1fr}.menu-settings-panel,.compact-create-form,.button-inline-editor form,.inspector-form{grid-template-columns:1fr}.button-table-head{display:none}.button-row-compact{grid-template-columns:1fr 1fr;padding:12px}.button-row-compact>div:nth-child(3){grid-column:1/-1}.row-actions{justify-content:flex-start}.tree-footer{align-items:stretch;flex-direction:column}.menu-node-main{grid-template-columns:18px 14px minmax(0,1fr) auto}.menu-node-main .submenu-badge{display:none}}
/* Multi-level public menu: dropdowns open on hover and keyboard focus */
.site-menu>ul,.site-menu ul{list-style:none;margin:0;padding:0}.site-menu>ul{display:flex;align-items:center;gap:2px}.site-menu li{position:relative}.site-menu li>a{display:block;padding:10px 13px;text-decoration:none}.site-menu li>ul{display:none;position:absolute;left:0;top:100%;min-width:210px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #15203318;z-index:30}.site-menu li:hover>ul,.site-menu li:focus-within>ul{display:block}.site-menu li>ul li>ul{left:100%;top:-7px}.site-menu li>ul li>a{white-space:nowrap}.site-menu li:has(>ul)>a:after{content:' ▾';font-size:.7em;opacity:.6}.site-menu li>ul li:has(>ul)>a:after{content:' ▸'}
@media(max-width:700px){.site-menu>ul{flex-wrap:wrap}.site-menu li>ul,.site-menu li>ul li>ul{position:static;box-shadow:none;border:0;padding-left:12px}.site-menu li:hover>ul,.site-menu li:focus-within>ul{display:block}}