:root{color-scheme:dark;--bg:#0f0f0f;--panel:#171717;--panel2:#181818;--panel3:#202020;--soft:#242424;--line:rgba(234,179,8,.15);--line-strong:rgba(234,179,8,.35);--white-line:rgba(255,255,255,.08);--yellow:#eab308;--yellow2:#facc15;--green:#16a34a;--red:#dc2626;--text:#f4f4f5;--muted:#a1a1aa}
*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;background:#0f0f0f;color:#f5f5f5;font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}img{max-width:100%}.hidden{display:none!important}.muted{color:#b8b8c0;font-weight:500}.row{display:grid;gap:10px}.wrap{max-width:1500px;margin:0 auto;padding:12px 12px 82px}.error-text{min-height:18px;margin:0;color:#fecaca;font-size:13px;font-weight:800}
.banner{margin-bottom:14px;overflow:hidden;border:1px solid rgba(234,179,8,.32);border-radius:16px;background:#080808;box-shadow:0 20px 50px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.05)}.banner img{display:block;width:100%;height:clamp(165px,17vw,245px);object-fit:cover;object-position:center 39%;background:#080808;filter:brightness(1.16) contrast(1.12) saturate(1.12)}
.panel{margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:rgba(23,23,23,.96);box-shadow:0 10px 26px rgba(0,0,0,.24)}.topbar{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.searchbar{min-width:0;width:100%}.searchbar .input{min-height:42px}.actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.input,.select,.textarea{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#1b1b1b;color:#f8fafc;outline:0;padding:10px 12px;font-size:14px;font-weight:600}.textarea{min-height:82px;resize:vertical;line-height:1.45}.input::placeholder,.textarea::placeholder{color:#a1a1aa;font-weight:650}.input:focus,.select:focus,.textarea:focus{border-color:rgba(234,179,8,.62);background:#222;box-shadow:0 0 0 3px rgba(234,179,8,.09)}
.btn{min-height:40px;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;line-height:1;color:#fff;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-small{min-height:32px;padding:8px 10px;font-size:11px}.btn-main,.active{background:var(--yellow)!important;color:#111!important;box-shadow:0 8px 18px rgba(234,179,8,.13)}.btn-main:hover{background:var(--yellow2)!important}.btn-dark{border:1px solid rgba(255,255,255,.10);background:#242424;color:#fff;box-shadow:0 7px 16px rgba(0,0,0,.18)}.btn-dark:hover{border-color:rgba(234,179,8,.32);background:#303030}.btn-green{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(22,163,74,.14)}.btn-red{background:var(--red);color:#fff;box-shadow:0 8px 18px rgba(220,38,38,.14)}#logoutBtn{min-height:38px}
.headline{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:15px 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(234,179,8,.11)}.headline-tools{display:grid;grid-template-columns:minmax(260px,420px) auto;align-items:end;gap:10px}.headline-tools #toggleForm{order:2}.headline-tools .searchbar{order:1}.headline-title{min-width:0}.headline h1{margin:0;color:#fff;font-size:28px;font-weight:750;line-height:1.08}.badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(234,179,8,.24);border-radius:999px;background:rgba(234,179,8,.10);color:#facc15;padding:5px 9px;font-size:12px;font-weight:800;line-height:1}.stats{display:none!important}
.form-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}.price-row{grid-template-columns:repeat(3,1fr)}.upload-box{display:grid;gap:4px;border:1px dashed rgba(234,179,8,.35);border-radius:14px;background:rgba(234,179,8,.07);padding:12px;color:#facc15;cursor:pointer}.upload-box strong{font-size:14px;font-weight:900}.upload-box span{color:#c7c7ce;font-size:12px;font-weight:650}.file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}.form-block{border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#202020;padding:12px}.form-title{margin:0 0 10px;color:#8b8b94;font-size:11px;font-weight:900;text-transform:uppercase}.file-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.file-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(234,179,8,.18);border-radius:10px;background:rgba(234,179,8,.08);color:#fde68a;padding:7px 8px;font-size:11px;font-weight:850}
.tablebox{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#181818;box-shadow:0 15px 35px rgba(0,0,0,.25)}.scroll{overflow-x:auto}table{width:100%;min-width:900px;border-collapse:collapse;text-align:left;font-size:14px}th{border-bottom:1px solid rgba(234,179,8,.14);background:#202020;color:#b8b8c0;padding:11px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}td{border-bottom:1px solid rgba(255,255,255,.06);padding:11px 12px;vertical-align:middle;color:#ededf0;font-weight:550}tbody tr{transition:background .15s,border-color .15s}tbody tr.clickable-row{cursor:pointer}tbody tr:hover{background:#202020}.namecell{display:flex;align-items:center;gap:10px;min-width:260px}.namecell strong{max-width:270px;color:#fff;font-size:15px;font-weight:760;line-height:1.25;word-break:break-word}.thumb{width:64px;height:48px;flex:0 0 auto;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#242424;object-fit:cover}.note{max-width:300px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e5e7eb;font-size:13px;font-weight:500;line-height:1.42}.price-main{color:#facc15;font-size:15px;font-weight:950}td .actions{justify-content:flex-end;gap:6px}td .btn-small{font-size:11px;padding:7px 9px;min-height:30px}
.grid{display:grid;grid-template-columns:1fr;gap:10px}.card{overflow:hidden;border:1px solid rgba(234,179,8,.15);border-radius:16px;background:#171717;box-shadow:0 9px 20px rgba(0,0,0,.22);transition:transform .16s,border-color .16s,background .16s}.card:hover{transform:translateY(-2px);border-color:rgba(234,179,8,.52);background:#1d1d1d}.clickable-card{cursor:pointer}.card-img{display:block;width:100%;height:112px;background:#242424;object-fit:cover}.card-body{padding:10px}.card-body h3{min-height:36px;margin:8px 0 0;color:#fff;font-size:14px;line-height:1.25;font-weight:750}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:#202020;padding:7px}.price{min-width:0;border-radius:11px;background:#181818;padding:7px}.price strong{display:block;color:#c7c7ce;font-size:10px;font-weight:900;text-transform:uppercase}.price span{display:block;margin-top:3px;color:#fff;font-size:12px;font-weight:760;word-break:break-word}.price.highlight{background:var(--yellow);color:#111}.price.highlight strong,.price.highlight span{color:#111}.card .note{max-width:none;min-height:38px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#202020;padding:8px 10px}.card .actions{justify-content:stretch}.card .actions .btn{flex:1}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f0f0f}.login-card{width:100%;max-width:420px;border:1px solid rgba(234,179,8,.18);border-radius:18px;background:#171717;padding:26px;text-align:center;box-shadow:0 18px 55px rgba(0,0,0,.38)}.login-card img{width:80px;height:80px;border:1px solid rgba(234,179,8,.25);border-radius:18px;box-shadow:0 12px 26px rgba(0,0,0,.3)}.login-card h1{margin:14px 0 6px;color:#fff;font-size:28px;line-height:1.1}
.toast{position:fixed;right:12px;top:12px;z-index:90;max-width:360px;border:1px solid rgba(234,179,8,.34);border-radius:16px;background:#181818;padding:12px 14px;color:#fef3c7;font-weight:850;box-shadow:0 18px 45px rgba(0,0,0,.4)}.toast.error{border-color:rgba(239,68,68,.45);background:#450a0a;color:#fee2e2}.loading{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:rgba(15,15,15,.72);backdrop-filter:blur(6px)}.loading-card{border:1px solid rgba(234,179,8,.24);border-radius:16px;background:#171717;padding:18px 22px;color:#facc15;font-weight:900;box-shadow:0 18px 44px rgba(0,0,0,.42)}
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.78);padding:14px;backdrop-filter:blur(8px)}.modal-card{width:100%;max-width:900px;max-height:92vh;overflow:auto;border:1px solid rgba(234,179,8,.24);border-radius:17px;background:#171717;box-shadow:0 22px 70px rgba(0,0,0,.55)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);background:#202020;padding:14px}.modal-head strong{font-size:16px}.modal-body{padding:14px}.gallery{display:grid;gap:8px}.gallery-main{width:100%;min-height:260px;max-height:58vh;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#050505;object-fit:contain}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gallery-thumbs img{width:100%;height:74px;border:1px solid rgba(255,255,255,.08);border-radius:12px;object-fit:cover;opacity:.86;transition:.15s}.gallery-thumbs img:hover{border-color:rgba(234,179,8,.55);opacity:1}.history{margin-top:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#141414}.history button{width:100%;border-radius:0;text-align:left}.history-list{display:grid;gap:8px;padding:10px}.history-item{border-left:3px solid var(--yellow);border-radius:10px;background:#1b1b1b;padding:9px 10px;color:#d4d4d8;font-size:13px}.history-item small{display:block;margin-bottom:4px;color:#a1a1aa;font-weight:850}.lightbox-img{max-width:94vw;max-height:86vh;border-radius:12px;background:#050505;object-fit:contain}.empty{border:1px solid rgba(234,179,8,.20);border-radius:16px;background:#181818;padding:28px;text-align:center}.empty h2{margin:0 0 8px}
.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid rgba(234,179,8,.20);background:rgba(24,24,24,.96);padding:8px;box-shadow:0 -12px 28px rgba(0,0,0,.42);backdrop-filter:blur(10px)}
@media(min-width:700px){.wrap{padding:12px 20px 24px}.topbar{grid-template-columns:auto auto;align-items:center;justify-content:space-between}.tabs{display:flex}.form-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:none}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}.banner img{height:245px;object-fit:cover;object-position:center 39%}}
@media(min-width:1400px){.grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:699px){.wrap{padding:10px 10px 78px}.banner{border-radius:14px}.banner img{height:170px;object-fit:cover;object-position:42% 39%}.panel{border-radius:14px}.topbar{padding:10px}.headline{align-items:stretch;flex-direction:column}.headline h1{font-size:23px}.headline-tools{grid-template-columns:1fr}.headline-tools #toggleForm{order:1;width:100%;min-height:48px}.headline-tools .searchbar{order:2}.actions{justify-content:stretch}.actions .btn{flex:1}.card-img{height:168px}.modal{padding:8px}.modal-card{max-height:94vh}.modal-body{padding:10px}.prices{grid-template-columns:repeat(3,1fr)}}

@media(max-width:699px){body{font-size:15px}.headline h1{font-size:25px}.btn{font-size:13px}.input,.select,.textarea{font-size:16px}.card-body h3{font-size:16px}.form-grid{padding:10px;gap:12px}.form-block{padding:12px}.textarea{min-height:108px}.file-preview{grid-template-columns:1fr}.upload-box{padding:14px}.grid{gap:12px}.card{border-radius:18px}.card-body{padding:12px}.card .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card .actions .btn{min-height:40px}}

.th-button{appearance:none;border:0;background:transparent;color:inherit;padding:0;text-align:left;font:inherit;font-weight:800;text-transform:uppercase;cursor:pointer}.th-button:hover{color:#facc15}.quick-input{min-width:112px}.quick-note{min-width:240px;min-height:58px}.row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.editing-row{background:#202020}.editing-row td{vertical-align:top}.card.clickable-card,.clickable-row{cursor:pointer}

.product-modal{width:100%;max-width:1500px;max-height:94vh;overflow:auto;border:1px solid rgba(234,179,8,.18);border-radius:18px;background:#0f0f0f;box-shadow:0 24px 80px rgba(0,0,0,.62)}
.product-wrap{padding:12px}.product-banner{margin-bottom:14px;overflow:hidden;border:1px solid rgba(234,179,8,.24);border-radius:16px;background:#080808;box-shadow:0 16px 38px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.04)}.product-banner img{display:block;width:100%;height:clamp(145px,13vw,205px);object-fit:cover;object-position:center 39%;filter:brightness(1.14) contrast(1.1) saturate(1.1)}
.product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(234,179,8,.12)}.product-toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.product-meta{display:none;border:1px solid rgba(234,179,8,.14);border-radius:14px;background:#181818;padding:9px 12px;color:#b8b8c0;font-size:12px;font-weight:850}
.product-grid{display:grid;grid-template-columns:1fr;gap:14px}.product-gallery,.product-panel{border:1px solid rgba(234,179,8,.16);border-radius:18px;background:linear-gradient(180deg,#1b1b1b,#151515);box-shadow:0 14px 32px rgba(0,0,0,.28)}.product-gallery{padding:12px}.product-main-photo{position:relative;margin-bottom:10px;overflow:hidden;border-radius:16px;background:#242424;box-shadow:0 12px 26px rgba(0,0,0,.32)}.product-main-photo img{display:block;width:100%;height:285px;object-fit:cover;cursor:pointer;transition:transform .2s,opacity .2s}.product-main-photo img:hover{transform:scale(1.01);opacity:.96}.product-no-photo{display:flex;height:285px;align-items:center;justify-content:center;color:#a1a1aa;font-weight:800}.photo-count{position:absolute;left:12px;top:12px;border:1px solid rgba(234,179,8,.3);border-radius:999px;background:rgba(0,0,0,.75);padding:6px 10px;color:#facc15;font-size:12px;font-weight:900;backdrop-filter:blur(8px)}.product-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.product-thumbs img{width:100%;height:86px;border:2px solid transparent;border-radius:12px;background:#242424;object-fit:cover;cursor:pointer;opacity:.86;transition:.15s}.product-thumbs img:hover,.product-thumbs img.active{border-color:#eab308;opacity:1}
.product-panel{overflow:hidden}.product-head{border-bottom:1px solid rgba(234,179,8,.12);padding:16px}.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.status-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid rgba(34,197,94,.3);border-radius:999px;background:rgba(20,83,45,.28);padding:6px 11px;color:#86efac;font-size:13px;font-weight:900;line-height:1;white-space:nowrap}.status-pill.archive{border-color:rgba(239,68,68,.3);background:rgba(127,29,29,.32);color:#fecaca}.status-action{cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.status-action:hover{border-color:rgba(234,179,8,.55);background:#eab308;color:#111;transform:translateY(-1px)}.status-action .status-hover{display:none}.status-action:hover .status-current{display:none}.status-action:hover .status-hover{display:inline}.product-title{margin:0;color:#fff;font-size:28px;font-weight:760;line-height:1.12;word-break:break-word}.product-section{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.product-section:last-child{border-bottom:0}.section-title{margin:0 0 8px;color:#facc15;font-size:15px;font-weight:800}.product-copy{white-space:pre-line;color:#e5e7eb;font-size:15px;line-height:1.7;word-break:break-word}.product-prices{display:grid;grid-template-columns:1fr;gap:8px}.product-price{border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#202020;padding:12px}.product-price strong{display:block;color:#a1a1aa;font-size:11px;font-weight:850;text-transform:uppercase}.product-price span{display:block;margin-top:4px;color:#fff;font-size:18px;font-weight:750;word-break:break-word}.product-price.main{border-color:rgba(234,179,8,.3);background:#eab308;color:#111}.product-price.main strong,.product-price.main span{color:#111}.product-actions{display:grid;grid-template-columns:1fr;gap:8px}.product-actions .btn{justify-content:center;text-align:center}.product-actions .btn-dark{background:#202020}.product-text-panel{margin-top:14px;overflow:hidden;border:1px solid rgba(234,179,8,.16);border-radius:18px;background:linear-gradient(180deg,#1a1a1a,#151515);box-shadow:0 14px 32px rgba(0,0,0,.28)}.product-text-panel .product-section{padding:16px 18px}.product-edit-grid{display:grid;grid-template-columns:1fr;gap:10px}.slot-grid{display:grid;grid-template-columns:1fr;gap:10px}.slot-card{border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#181818;padding:10px}.slot-card img,.slot-empty{display:flex;width:100%;height:120px;align-items:center;justify-content:center;border-radius:12px;background:#242424;object-fit:cover;color:#8b8b94;font-size:12px;font-weight:800}.slot-card label{display:block;margin:8px 0 6px;color:#facc15;font-size:12px;font-weight:850}.product-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
@media(min-width:760px){.product-meta{display:block}.product-prices{grid-template-columns:repeat(3,1fr)}.slot-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.product-wrap{padding:14px 20px 20px}.product-grid{grid-template-columns:minmax(0,1fr) 420px}.product-grid-view{grid-template-columns:minmax(0,1fr) 360px}.product-main-photo img,.product-no-photo{height:380px}.product-banner img{height:205px;object-fit:cover;object-position:center 39%}.slot-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:699px){.product-modal{max-height:96vh;border-radius:14px}.product-wrap{padding:10px}.product-toolbar{align-items:stretch;flex-direction:column}.product-toolbar-left{display:grid;grid-template-columns:1fr;width:100%}.product-title{font-size:23px}.product-main-photo img,.product-no-photo{height:225px}.product-banner img{height:155px;object-fit:cover;object-position:42% 39%}.product-prices{grid-template-columns:1fr}.product-edit-actions{grid-template-columns:1fr}.price-row{grid-template-columns:1fr!important}.input,.select,.textarea{min-height:46px;font-size:16px}.btn{min-height:44px}.product-actions .btn{width:100%}.status-pill{width:100%;min-height:38px}.product-badges{display:grid;grid-template-columns:1fr;align-items:stretch}.product-text-panel .product-section{padding:14px}.product-copy{font-size:15px;line-height:1.65}.slot-card img,.slot-empty{height:100px}}

.quick-card{border-color:rgba(234,179,8,.45);background:#1b1b1b}.quick-card-body{display:grid;gap:10px}.quick-card-grid{display:grid;grid-template-columns:1fr;gap:8px}.quick-card-note{min-height:76px}.quick-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-card-actions .btn{width:100%}
@media(min-width:700px){.quick-card-grid{grid-template-columns:1fr 1fr}.quick-card-note{grid-column:1/-1}}
@media(max-width:699px){.quick-card .card-img{height:120px}.quick-card-grid .input,.quick-card-grid .textarea{font-size:16px}.quick-card-actions .btn{min-height:46px}}

/* premium-ui-20260516 */
:root{--bg:#0d0d0d;--panel:#151515;--panel2:#191919;--panel3:#202020;--soft:#262626;--line:rgba(234,179,8,.18);--line-strong:rgba(234,179,8,.42);--white-line:rgba(255,255,255,.085);--text:#fafafa;--muted:#b9bac1;--deep-shadow:0 18px 48px rgba(0,0,0,.38);--soft-shadow:0 10px 28px rgba(0,0,0,.26)}
body{background:radial-gradient(circle at 50% -180px,rgba(234,179,8,.11),transparent 390px),linear-gradient(180deg,#101010 0,#0d0d0d 48%,#0f0f0f 100%);color:var(--text);font-family:"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:520;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.wrap{max-width:1480px;padding-top:14px}.banner{border-radius:18px;border-color:rgba(234,179,8,.38);background:#050505;box-shadow:0 22px 60px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.035) inset}.banner img{height:clamp(178px,17vw,252px);object-position:center 38%;filter:brightness(1.2) contrast(1.14) saturate(1.12)}
.panel,.tablebox,.empty{border-color:rgba(234,179,8,.16);background:linear-gradient(180deg,rgba(28,28,28,.98),rgba(19,19,19,.98));box-shadow:var(--soft-shadow),0 0 0 1px rgba(255,255,255,.025) inset}.topbar{grid-template-columns:1fr auto;padding:10px 12px}.tabs{gap:7px}.actions{gap:9px}
.input,.select,.textarea{min-height:44px;border-color:rgba(255,255,255,.105);border-radius:13px;background:#181818;color:#fbfbfb;padding:11px 13px;font-size:14px;font-weight:620;box-shadow:0 1px 0 rgba(255,255,255,.035) inset}.input::placeholder,.textarea::placeholder{color:#8f929a}.textarea{line-height:1.55}.input:focus,.select:focus,.textarea:focus{border-color:rgba(250,204,21,.72);background:#1f1f1f;box-shadow:0 0 0 3px rgba(234,179,8,.12),0 8px 20px rgba(0,0,0,.18)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:13px;padding:10px 15px;font-size:12px;font-weight:850;letter-spacing:.01em;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.18)}.btn:hover{transform:translateY(-1px);filter:saturate(1.04)}.btn:active{transform:translateY(0)}.btn-small{min-height:34px;padding:8px 11px;font-size:11px}.btn-main,.active{background:linear-gradient(180deg,#facc15,#eab308)!important;color:#111!important;box-shadow:0 10px 24px rgba(234,179,8,.18),0 1px 0 rgba(255,255,255,.32) inset}.btn-dark{background:linear-gradient(180deg,#282828,#202020);border-color:rgba(255,255,255,.095);color:#f7f7f8}.btn-dark:hover{border-color:rgba(234,179,8,.38);background:linear-gradient(180deg,#303030,#242424)}.btn-green{background:linear-gradient(180deg,#22c55e,#15803d);box-shadow:0 10px 24px rgba(22,163,74,.18)}.btn-red{background:linear-gradient(180deg,#ef4444,#b91c1c);box-shadow:0 10px 24px rgba(220,38,38,.18)}
.headline{margin:18px 0 16px;padding-bottom:16px;border-bottom-color:rgba(234,179,8,.14)}.headline h1{font-size:30px;font-weight:760;letter-spacing:0;color:#fff}.headline-title{display:grid;gap:8px}.badge{width:max-content;border-color:rgba(234,179,8,.28);background:rgba(234,179,8,.105);padding:6px 10px;color:#fde68a;font-size:12px;font-weight:860}.headline-tools{grid-template-columns:minmax(280px,440px) auto;gap:10px}.searchbar .input{min-height:42px;background:#161616}
.form-grid{gap:12px;padding:13px}.form-block{border-color:rgba(255,255,255,.065);border-radius:16px;background:linear-gradient(180deg,#202020,#1a1a1a);padding:14px;box-shadow:0 1px 0 rgba(255,255,255,.035) inset}.form-title{margin-bottom:12px;color:#facc15;font-size:11px;letter-spacing:.06em}.price-row{gap:9px}.upload-box{border-color:rgba(234,179,8,.42);border-radius:15px;background:linear-gradient(180deg,rgba(234,179,8,.12),rgba(234,179,8,.055));padding:15px;transition:border-color .15s,background .15s,transform .15s}.upload-box:hover{border-color:rgba(250,204,21,.68);background:rgba(234,179,8,.14);transform:translateY(-1px)}.upload-box strong{font-size:15px}.upload-box span{font-size:12px;color:#cfd0d6}#saveNew{width:calc(100% - 24px)!important;margin:0 12px 12px!important;min-height:46px;border-radius:14px}.file-pill{border-color:rgba(234,179,8,.22);background:rgba(234,179,8,.09);padding:8px 9px;color:#fde68a;font-weight:820}
.tablebox{border-radius:18px}table{font-size:14px}th{position:sticky;top:0;z-index:1;background:#202020;color:#c7c8cf;padding:12px 13px;font-size:11px;letter-spacing:.045em}td{padding:12px 13px;color:#eeeeef;font-weight:560}.namecell{gap:12px}.namecell strong{font-size:15px;font-weight:760}.thumb{width:68px;height:50px;border-radius:13px}.price-main{color:#facc15;font-size:15px;font-weight:920}.note{color:#d9d9de}.th-button{letter-spacing:.045em}.row-actions{gap:7px}
.grid{gap:12px}.card{border-radius:18px;border-color:rgba(234,179,8,.17);background:linear-gradient(180deg,#1a1a1a,#141414);box-shadow:0 12px 28px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.028) inset}.card:hover{border-color:rgba(234,179,8,.5);background:linear-gradient(180deg,#202020,#171717)}.card-img{height:124px}.card-body{padding:12px}.card-body h3{margin-top:9px;color:#fff;font-size:15px;font-weight:760;line-height:1.28}.prices{gap:7px;margin:10px 0;border-color:rgba(255,255,255,.055);border-radius:15px;background:#1f1f1f;padding:7px}.price{border:1px solid rgba(255,255,255,.035);border-radius:12px;background:#171717;padding:8px}.price strong{color:#aeb0b8;font-size:10px;letter-spacing:.035em}.price span{font-size:12px;font-weight:780}.price.highlight{background:linear-gradient(180deg,#facc15,#eab308);box-shadow:0 8px 18px rgba(234,179,8,.14)}.card .note{border-radius:13px;background:#1f1f1f;color:#dedee3}.card .actions{gap:8px}.quick-card{border-color:rgba(234,179,8,.5);background:linear-gradient(180deg,#202020,#171717)}
.empty{padding:34px;border-radius:18px}.empty h2{font-size:22px}.toast{border-radius:16px;background:#1a1a1a;box-shadow:var(--deep-shadow);font-weight:820}.loading-card{border-radius:16px;background:#181818;padding:20px 24px;box-shadow:var(--deep-shadow)}
.product-modal{border-color:rgba(234,179,8,.22);border-radius:20px;background:#0d0d0d;box-shadow:0 28px 90px rgba(0,0,0,.68)}.product-wrap{padding:14px}.product-banner{border-radius:18px;border-color:rgba(234,179,8,.3);box-shadow:0 18px 44px rgba(0,0,0,.46)}.product-banner img{height:clamp(160px,13vw,215px);filter:brightness(1.2) contrast(1.13) saturate(1.12)}.product-toolbar{margin-bottom:16px;padding-bottom:15px}.product-gallery,.product-panel,.product-text-panel{border-color:rgba(234,179,8,.18);background:linear-gradient(180deg,#1b1b1b,#141414);box-shadow:0 16px 38px rgba(0,0,0,.31),0 1px 0 rgba(255,255,255,.03) inset}.product-main-photo{border-radius:17px}.product-main-photo img,.product-no-photo{height:320px}.product-title{font-size:30px;font-weight:770}.product-section{padding:15px 17px}.section-title{font-size:14px;letter-spacing:.025em;text-transform:uppercase}.product-copy{color:#ececf0}.product-price{border-radius:16px;background:#202020}.product-price span{font-size:19px;font-weight:780}.product-actions{gap:9px}.slot-card{border-radius:15px;background:#181818}.slot-card img,.slot-empty{border-radius:13px}.status-pill{min-height:34px;font-size:12px}.product-thumbs img{height:88px;border-radius:13px}
.mobile-nav{grid-template-columns:repeat(3,1fr);gap:7px;background:rgba(18,18,18,.96);padding:9px 10px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -16px 34px rgba(0,0,0,.46)}
@media(min-width:700px){.wrap{padding:14px 22px 28px}.form-grid{grid-template-columns:1.05fr .95fr}.topbar{grid-template-columns:auto auto}.grid{gap:13px}.product-wrap{padding:16px 22px 22px}}
@media(min-width:1100px){.product-main-photo img,.product-no-photo{height:390px}.product-grid-view{grid-template-columns:minmax(0,1fr) 380px}.card-img{height:132px}}
@media(max-width:699px){body{font-size:15px;background:#0f0f0f}.wrap{padding:9px 10px 82px}.banner{margin-bottom:11px;border-radius:15px}.banner img{height:164px;object-position:50% 39%}.panel{border-radius:15px}.topbar{grid-template-columns:1fr;padding:10px;gap:9px}.tabs{gap:7px}.headline{gap:12px;margin:14px 0 13px;padding-bottom:13px}.headline h1{font-size:25px;line-height:1.1}.headline-tools{grid-template-columns:1fr;gap:9px}.headline-tools #toggleForm{min-height:48px}.searchbar .input{min-height:48px}.input,.select,.textarea{min-height:48px;font-size:16px;border-radius:14px;padding:12px 13px}.textarea{min-height:112px}.btn{min-height:46px;border-radius:14px;font-size:12px}.btn-small{min-height:39px}.form-grid{padding:10px;gap:10px}.form-block{padding:12px;border-radius:15px}.price-row{grid-template-columns:1fr!important}.upload-box{padding:14px}.file-preview{grid-template-columns:1fr}.grid{gap:12px}.card{border-radius:18px}.card-img{height:172px}.card-body{padding:12px}.card-body h3{min-height:auto;font-size:17px}.prices{grid-template-columns:repeat(3,1fr)}.price{padding:8px 6px}.price strong{font-size:9px}.price span{font-size:12px}.card .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card .actions .btn{min-height:42px}.product-modal{max-height:96vh;border-radius:16px}.product-wrap{padding:10px}.product-banner{margin-bottom:11px;border-radius:15px}.product-banner img{height:150px;object-position:50% 39%}.product-title{font-size:24px}.product-main-photo img,.product-no-photo{height:222px}.product-thumbs img{height:74px}.product-section{padding:14px}.product-prices{grid-template-columns:1fr}.product-price span{font-size:18px}.product-toolbar-left{gap:7px}.product-actions{gap:8px}.product-text-panel{border-radius:16px}.slot-grid{gap:9px}.slot-card img,.slot-empty{height:104px}}

/* multi-photo-ui-20260516 */
.file-pill{display:flex;align-items:center;justify-content:space-between;gap:8px}.file-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-remove{flex:0 0 auto;border:1px solid rgba(239,68,68,.32);border-radius:8px;background:rgba(127,29,29,.28);color:#fecaca;padding:5px 7px;font-size:10px;font-weight:900}.slot-section-title{margin-top:14px}.slot-card .input[type=file]{position:static!important;width:100%!important;height:auto!important;overflow:visible!important;clip:auto!important;opacity:1!important;pointer-events:auto!important}
@media(max-width:699px){.file-pill{align-items:flex-start}.file-remove{padding:6px 8px}.slot-section-title{margin-top:16px}}

/* edit-photo-preview-20260516 */
.slot-preview img{display:block;width:100%;height:120px;border-radius:12px;background:#242424;object-fit:cover}.slot-file-name{margin-top:7px;border:1px solid rgba(234,179,8,.18);border-radius:10px;background:rgba(234,179,8,.08);color:#fde68a;padding:7px 8px;font-size:11px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:699px){.slot-preview img{height:104px}.slot-file-name{font-size:12px}}

/* edit-layout-align-20260516 */
.product-grid-edit{align-items:start}.product-edit-text-panel .product-section{padding:16px 18px}.edit-long-textarea{min-height:150px}.product-edit-photo-panel{margin-top:14px}.product-edit-photo-panel .slot-grid{margin-top:4px}.product-grid-edit .product-summary-panel{align-self:stretch}
@media(min-width:1100px){.product-grid-edit{grid-template-columns:minmax(0,1fr) 380px}.product-edit-text-panel{margin-top:14px}.product-edit-photo-panel .slot-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:699px){.edit-long-textarea{min-height:130px}.product-edit-photo-panel{margin-top:12px}}


/* edit-photo-slots-inline-20260516 */
.product-edit-gallery .product-thumbs.edit-photo-slots{grid-template-columns:repeat(2,1fr)}
.edit-photo-slot{display:grid;gap:7px;min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#181818;padding:8px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.edit-photo-slot:hover{border-color:rgba(234,179,8,.55);background:#202020;transform:translateY(-1px)}
.edit-slot-preview img,.edit-slot-preview .slot-empty{display:flex;width:100%;height:96px;align-items:center;justify-content:center;border-radius:12px;background:#242424;object-fit:cover;color:#8b8b94;font-size:12px;font-weight:850}
.edit-slot-action{display:flex;align-items:center;justify-content:center;min-height:34px;border:1px solid rgba(234,179,8,.24);border-radius:11px;background:rgba(234,179,8,.09);color:#fde68a;font-size:11px;font-weight:900;text-align:center;text-transform:uppercase}
.edit-slot-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none!important}
.product-edit-gallery .slot-file-name{margin-top:0}
@media(min-width:700px){.product-edit-gallery .product-thumbs.edit-photo-slots{grid-template-columns:repeat(4,1fr)}.edit-slot-preview img,.edit-slot-preview .slot-empty{height:86px}}
@media(max-width:699px){.product-edit-gallery .product-thumbs.edit-photo-slots{grid-template-columns:repeat(2,1fr)}.edit-slot-preview img,.edit-slot-preview .slot-empty{height:102px}.edit-slot-action{min-height:38px;font-size:10px}}


/* product-edit-mobile-and-lightbox-20260516 */
.product-copy{white-space:pre-wrap}
.lightbox-close{position:fixed;top:14px;right:14px;z-index:2;min-width:44px}
.lightbox-arrow{position:fixed;top:50%;z-index:2;min-width:46px;transform:translateY(-50%)}
.lightbox-prev{left:14px}.lightbox-next{right:14px}.lightbox-counter{position:fixed;bottom:18px;left:50%;transform:translateX(-50%)}
@media(max-width:699px){.product-grid-edit{gap:11px}.product-grid-edit .product-gallery{order:1}.product-grid-edit .product-summary-panel{order:2}.product-edit-text-panel{margin-top:11px}.product-edit-gallery .product-main-photo{margin-bottom:9px}.product-edit-gallery .product-thumbs.edit-photo-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.edit-photo-slot{padding:7px;border-radius:13px}.edit-slot-preview img,.edit-slot-preview .slot-empty{height:112px}.edit-slot-action{min-height:36px;padding:6px;font-size:10px;line-height:1.15}.product-edit-grid{gap:9px}.product-edit-grid .price-row{grid-template-columns:1fr!important;gap:9px}.product-edit-actions{position:sticky;bottom:0;z-index:5;margin:10px -14px -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(234,179,8,.16);background:rgba(20,20,20,.96);backdrop-filter:blur(10px)}.product-edit-actions .btn{min-height:48px}.edit-long-textarea{min-height:170px}.lightbox-close{top:calc(12px + env(safe-area-inset-top));right:12px}.lightbox-arrow{min-width:44px;min-height:44px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-img{max-width:96vw;max-height:82vh}.lightbox-counter{bottom:calc(16px + env(safe-area-inset-bottom))}}


/* mobile-edit-photo-desktop-like-20260516 */
.edit-photo-slot{position:relative;overflow:hidden}
.edit-slot-number{position:absolute;left:10px;top:10px;z-index:2;border:1px solid rgba(234,179,8,.28);border-radius:999px;background:rgba(0,0,0,.72);padding:5px 8px;color:#fde68a;font-size:10px;font-weight:950;line-height:1;text-transform:uppercase;backdrop-filter:blur(8px)}
.edit-slot-input{inset:0!important;width:100%!important;height:100%!important;clip:auto!important;white-space:normal!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important}
.product-edit-gallery .slot-file-name{position:relative;z-index:3}
@media(max-width:699px){.product-grid-edit{display:flex;flex-direction:column}.product-edit-gallery{padding:10px;border-radius:17px}.product-edit-gallery .product-main-photo{border-radius:15px;box-shadow:0 14px 30px rgba(0,0,0,.38)}.product-edit-gallery .product-main-photo img,.product-edit-gallery .product-no-photo{height:255px}.product-edit-gallery .product-thumbs.edit-photo-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.edit-photo-slot{min-height:178px;border-radius:15px;background:linear-gradient(180deg,#202020,#171717);padding:8px;box-shadow:0 10px 22px rgba(0,0,0,.24)}.edit-slot-preview img,.edit-slot-preview .slot-empty{height:116px;border-radius:13px}.edit-slot-action{min-height:38px;border-radius:12px;background:linear-gradient(180deg,rgba(250,204,21,.18),rgba(234,179,8,.08));font-size:10px;letter-spacing:.01em}.edit-photo-slot:active{transform:scale(.99);border-color:rgba(250,204,21,.75)}.product-edit-gallery .slot-file-name{font-size:10px;padding:6px 7px}.product-summary-panel .upload-box{display:none}.product-summary-panel #editFilePreview{display:none!important}.product-edit-text-panel{order:3}.product-grid-edit .product-summary-panel{order:2}.product-edit-actions{grid-template-columns:1fr 1fr!important}.product-edit-actions .btn{font-size:11px}}
@media(max-width:380px){.product-edit-gallery .product-main-photo img,.product-edit-gallery .product-no-photo{height:230px}.edit-photo-slot{min-height:164px}.edit-slot-preview img,.edit-slot-preview .slot-empty{height:104px}.edit-slot-action{font-size:9px}}


/* create-photo-preview-20260516 */
.file-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
.create-photo-preview{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(234,179,8,.18);border-radius:14px;background:linear-gradient(180deg,#202020,#181818);padding:8px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.create-photo-preview img{width:74px;height:58px;border-radius:11px;background:#242424;object-fit:cover}
.create-photo-preview strong{display:block;color:#fde68a;font-size:11px;font-weight:950;text-transform:uppercase}
.create-photo-preview span{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7d7dd;font-size:11px;font-weight:700}
@media(max-width:699px){.file-preview{grid-template-columns:1fr}.create-photo-preview{grid-template-columns:82px minmax(0,1fr) auto;padding:9px}.create-photo-preview img{width:82px;height:64px}.create-photo-preview span{font-size:12px}}


/* create-description-height-20260516 */
.create-text-block{display:flex;flex-direction:column}
.create-text-block #description{min-height:154px;flex:1}
.create-text-block #note{min-height:78px;margin-top:10px}
@media(max-width:699px){.create-text-block #description{min-height:170px}.create-text-block #note{min-height:104px}}

/* banner-crop-tune-20260516 */
.banner img{height:clamp(184px,18vw,260px);object-fit:cover;object-position:50% 43%}
.product-banner img{height:clamp(164px,13.5vw,220px);object-fit:cover;object-position:50% 43%}
@media(max-width:699px){.banner img{height:172px;object-position:44% 43%}.product-banner img{height:156px;object-position:44% 43%}}