:root{--panel-accent:#5a47d9;--panel-ink:#20273a;--panel-muted:#7b8496}
body{background:#f5f6fa!important;color:var(--panel-ink)!important;font-family:system-ui,sans-serif}
body:has(#dashboard:not([hidden]))>header,body:has(#main:not([hidden]))>header{margin-left:240px;min-height:80px;padding:18px 40px;background:#fff;border-bottom:1px solid #e7eaf1;box-shadow:none}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#171d30;color:#d8deed;padding:30px 20px;z-index:20;display:flex;flex-direction:column;gap:30px}
body:has(#dashboard[hidden]) .app-sidebar{display:none}
.sidebar-brand{font-size:23px;font-weight:800;color:#fff;padding:0 12px}.sidebar-brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px;font-weight:500;color:#a7a8c5}
.app-sidebar nav{display:flex;flex-direction:column;gap:7px}.app-sidebar a{color:#aeb8cf;text-decoration:none;font-size:13px;padding:13px 14px;border-radius:9px;display:flex;align-items:center;gap:12px}.app-sidebar a:hover,.app-sidebar a[aria-current=page]{background:#6350db;color:#fff}.sidebar-note{margin-top:auto;padding:15px;border:1px solid #343c52;border-radius:12px;font-size:11px;line-height:1.8;color:#9eaac2}.sidebar-note strong{color:#dce2f0;display:block}
main:has(#dashboard:not([hidden])),body:has(#main:not([hidden]))>main{margin:0 0 0 240px!important;padding:36px 40px!important;max-width:none!important}
.columns,.layout{display:block!important}.panel{background:#fff;border:1px solid #e7eaf1!important;border-radius:16px!important;box-shadow:0 4px 14px #26334d03!important;padding:28px!important;max-width:1200px;animation:panel-enter .18s ease-out}.panel h2{font-size:19px;color:#28334a;padding-bottom:18px;border-bottom:1px solid #edf0f6}h1{font-size:29px!important;letter-spacing:-.7px}.heading{margin-bottom:24px!important;padding:0!important}.heading p{font-size:13px}
input,textarea,select{border-color:#dfe4ed!important;border-radius:8px!important;background:#fcfdff;color:#28334a}input:focus,textarea:focus,select:focus{outline:2px solid #b4a9ef!important;outline-offset:1px}label{color:#536078;font-size:12px}button,.button{border-radius:8px!important;font-size:13px!important;padding:11px 17px}button.secondary{background:#f0f2f8!important;color:#58647b!important}button.danger,.danger{background:#fff0f1!important;color:#b84a59!important}button:disabled{opacity:.45}.help{color:#8a93a6!important;font-size:11px!important}
#message{position:sticky;top:12px;z-index:12;box-shadow:0 5px 20px #2420430a}.organizer{background:linear-gradient(135deg,#f2efff,#f9faff)!important;border:1px solid #e4def8!important}.organizer textarea{min-height:100px}#suggested-description{white-space:pre-line;background:#fff;padding:20px;border:1px solid #e4e8f0;border-radius:10px;line-height:1.8;font-size:13px;color:#536078}
.admin-sections{display:none!important}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 25px}.stat{padding:20px 24px;background:#fff;border:1px solid #e7eaf1;border-radius:13px}.stat small{color:#8791a4;font-size:11px}.stat strong{display:block;font-size:26px;color:#29354e;margin-top:7px}
.product,.company{padding:19px 6px!important;border-bottom:1px solid #eff1f5!important}.product strong,.company strong{font-size:14px}.product small,.company small{font-size:11px!important}.row-thumb{width:58px;height:58px;object-fit:cover;background:#f0f2f7;border-radius:10px;flex-shrink:0}.row-copy{flex:1}.product .actions,.company .actions{margin-left:auto;flex-wrap:wrap}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.editor-grid .wide{grid-column:1/-1}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin:20px 0}.media-card{border:1px solid #e2e7ef;border-radius:12px;padding:10px}.media-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#f3f4f8}.media-card .actions{margin-top:8px;flex-wrap:wrap;gap:5px}.media-card button{font-size:10px!important;padding:7px 9px!important}.media-card p{font-size:10px;margin:8px 0;color:#7c879a}.upload-box{padding:25px;border:1px dashed #b4bdd3;border-radius:12px;background:#f9faff}.upload-box input{background:#fff}progress{width:100%;height:10px;accent-color:#6350db}#media-progress-label{font-size:12px}.panel-mobile-toggle{display:none}
.design-details{border:1px solid #e5e9f2;padding:18px;border-radius:12px;margin:20px 0}.design-details summary{cursor:pointer;font-size:13px;font-weight:600}.panel[hidden]{display:none!important}
@keyframes panel-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.app-sidebar{display:none;width:250px;top:75px}.app-sidebar.open{display:flex;box-shadow:15px 0 40px #0002}.panel-mobile-toggle{display:block;width:42px;height:42px;border:1px solid #e3e6ef;background:#fff;color:#5b6681;margin-right:12px}body:has(#dashboard:not([hidden]))>header,body:has(#main:not([hidden]))>header{margin-left:0;padding:15px 20px;min-height:75px;position:sticky;top:0;z-index:25}.logo{font-size:20px!important;margin-right:auto}main:has(#dashboard:not([hidden])),body:has(#main:not([hidden]))>main{margin-left:0!important;padding:22px 16px!important}.panel{padding:20px!important}.stats{gap:9px}.stat{padding:15px 12px}.stat strong{font-size:22px}.editor-grid{grid-template-columns:1fr}.product,.company{flex-wrap:wrap}.product .actions,.company .actions{margin-left:0}.product{flex-direction:row!important}.row-copy{min-width:120px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-sidebar.open~main{filter:brightness(.9)}}
@media(prefers-reduced-motion:reduce){.panel{animation:none}html{scroll-behavior:auto!important}}