:root{--red:#fa0647;--dark:#9e002e;--rose:#fff0f4;--text:#202333;--muted:#697085;--line:#f3d9e1;--shadow:0 8px 30px #9e002e12;font-family:Segoe UI,Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:#fff9fb;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:24px}h2{font-size:17px}h3{font-size:14px}small,.muted{color:var(--muted)}input,select,textarea{width:100%;border:1px solid #eacdd6;border-radius:11px;background:#fff;padding:11px;outline:0;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #fa06471a}label{font-weight:600;display:grid;gap:6px}button,.btn{border:0;border-radius:10px;background:var(--red);color:white;font-weight:700;padding:11px 15px;display:inline-flex;justify-content:center;align-items:center;gap:7px}.ghost{background:white;border:1px solid #f4aebf;color:var(--dark)}.light{background:#fff0f4;color:var(--dark)}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid{display:grid;gap:12px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:#fff;border:1px solid #f4e3e7;border-radius:14px;padding:15px;box-shadow:var(--shadow)}.space{display:grid;gap:14px}.signature{position:fixed;right:15px;bottom:12px;z-index:12;color:var(--dark);background:#fff9fbea;padding:6px 12px;border-radius:30px;font:italic 14px Georgia,serif;box-shadow:0 3px 12px #0001}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#fff0f4,#fff8fb)}.login-visual{position:relative;min-height:650px;overflow:hidden;background:#ffe2e9 url('/assets/login-art.webp') center bottom/cover no-repeat}.login-visual .brand-overlay{position:absolute;top:24px;left:22px;background:#fff9;border-radius:14px;padding:10px 15px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(10px)}.brand-overlay img{width:64px;height:64px;object-fit:contain}.brand-overlay strong{font:bold 24px Georgia;color:var(--dark)}.login-visual .visual-bottom{position:absolute;left:25px;bottom:22px;background:#ffffffdb;border-radius:14px;padding:13px 18px;max-width:400px}.login-visual .visual-bottom p{margin-top:6px;color:var(--dark);font:italic 18px Georgia}.login-side{display:flex;align-items:center;justify-content:center;padding:26px}.login-card{background:white;width:min(100%,530px);padding:36px 38px;border-radius:23px;box-shadow:0 18px 70px #b0002a18;display:grid;gap:19px}.login-card h1{font:700 32px Georgia;color:var(--dark);text-align:center}.login-card h1 span{color:var(--text)}.login-card>p{text-align:center;color:var(--muted)}.login-card form{display:grid;gap:17px}.login-card input{height:47px;background:#fffafd}.login-card button{min-height:45px}.hint{background:#fff0f4;border:1px solid #ffe1e9;border-radius:10px;padding:12px;color:#8d4057}.login-card .right{text-align:right}.dashboard{display:grid;grid-template-columns:215px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{background:linear-gradient(170deg,#fff8fa,#ffe3eb);border-right:1px solid var(--line);overflow:auto;padding:13px 11px;scrollbar-width:thin}.sidebar .brand{text-align:center;margin-bottom:13px}.sidebar .brand img{width:72px;height:72px;object-fit:contain}.sidebar .brand h2{font:700 19px Georgia;color:var(--dark)}.sidebar nav{display:grid;gap:3px}.navbtn{justify-content:flex-start;background:transparent;color:#444;padding:10px 11px;text-align:left;font-weight:600;border-radius:10px}.navbtn.active{background:var(--red);color:#fff}.main{min-width:0;overflow:auto}.topbar{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:14px;position:sticky;top:0;z-index:6}.topbar h2{color:var(--dark);font:700 21px Georgia}.content{padding:15px 18px 35px;max-width:1700px;margin:auto}.welcome{background:linear-gradient(110deg,#ffe1e9,#fff2f6 65%,#ffc3d4);padding:15px 22px;border-radius:16px;display:flex;align-items:center;justify-content:space-between}.welcome h1{color:var(--dark);font:700 24px Georgia}.metric{display:flex;align-items:center;gap:12px}.metric .ico{width:48px;height:48px;display:grid;place-items:center;background:#ffe2ea;color:var(--red);border-radius:13px;font-size:24px}.metric b{font-size:20px}.metric small{display:block;margin-bottom:5px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.split{grid-template-columns:1.2fr 1fr 1.15fr}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th,.data-table td{padding:9px;border-bottom:1px solid #f3e7eb;text-align:left;white-space:nowrap}.data-table th{background:#fff8fa}.thumb{width:42px;height:42px;object-fit:cover;border-radius:8px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.item-card{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.item-card img{width:100%;height:120px;object-fit:cover}.item-card .details{padding:10px;display:grid;gap:7px}.item-card strong{font-size:12px}.price{font-weight:800;color:var(--red)}.old{text-decoration:line-through;color:var(--muted);font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-bottom:13px}.toolbar input{max-width:270px}.mini{padding:6px 9px;font-size:12px}.pill{background:#fff0f4;color:var(--dark);padding:5px 8px;border-radius:20px;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#1c001b88;z-index:30;display:grid;place-items:center;padding:15px}.modal{width:min(650px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:17px;padding:20px;box-shadow:0 20px 70px #0004}.modal .form{display:grid;gap:12px;margin-top:14px}.modal textarea{min-height:70px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:52px;left:50%;transform:translateX(-50%);background:#24212c;color:#fff;padding:11px 20px;border-radius:11px;z-index:80}.customer{max-width:1160px;margin:auto;padding:0 15px 70px}.customer-head{display:flex;justify-content:space-between;align-items:center;padding:13px 0}.customer-head .brand{display:flex;align-items:center;gap:11px}.customer-head img{width:65px;height:65px;object-fit:contain}.customer-head strong{color:var(--dark);font-size:19px}.hero{background:linear-gradient(115deg,#ffdce7,#fff0f5);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 32px;min-height:235px}.hero h1{font:italic 34px Georgia;color:var(--dark)}.hero p{margin:15px 0}.hero img{width:240px;height:175px;object-fit:cover;border-radius:17px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{background:white;border:1px solid var(--line);color:var(--dark);padding:9px 12px}.chips button.active{background:var(--red);color:white}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.shop-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.shop-card>img{width:100%;height:185px;object-fit:cover}.shop-card>div{padding:13px;display:grid;gap:9px}.shop-card h3{min-height:32px}.footer{padding:25px 0;margin-top:25px;text-align:center;border-top:1px solid var(--line);color:var(--muted)}.filepreview{width:90px;height:90px;object-fit:contain;border:1px solid var(--line);border-radius:10px}.error{color:#c4003b}.hide{display:none!important}.line-chart{height:150px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line)}.line-chart>div{background:linear-gradient(var(--red),#ffcad7);flex:1;min-height:4px;border-radius:6px 6px 0 0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid label{font-size:12px}.tiny{font-size:11px}.loading{text-align:center;padding:70px 20px;color:var(--muted)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(3,1fr)}.dashboard{grid-template-columns:180px 1fr}.sidebar .brand h2{font-size:16px}}@media(max-width:750px){.login-layout{grid-template-columns:1fr}.login-visual{min-height:210px;background-position:center 44%}.login-visual .visual-bottom{display:none}.login-side{padding:15px}.login-card{padding:25px 20px}.dashboard{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{position:relative;max-height:210px}.sidebar nav{display:flex;overflow:auto}.navbtn{white-space:nowrap}.sidebar .brand{display:none}.main{overflow:visible}.topbar{height:auto;flex-wrap:wrap}.stats-grid,.split,.settings-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.hero{padding:18px}.hero h1{font-size:25px}.hero img{width:110px;height:120px}.shop-grid{grid-template-columns:repeat(2,1fr)}.signature{font-size:11px}.grid2{grid-template-columns:1fr}}@media(max-width:430px){.shop-grid,.cards{grid-template-columns:1fr 1fr}.shop-card>img{height:130px}.login-card h1{font-size:25px}}

/* V6 visual system: sharp type, balanced responsive layout, independent login composition */
:root{--red:#f90045;--dark:#bd0035;--text:#152033;--muted:#526078;--line:#f1cbd5;--shadow:0 3px 18px #8f193012}
html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:#fff9fb;font-size:12.5px}
small,.muted{color:#58627a}button,.btn{font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ef1550;outline-offset:2px}
.v6-login{height:100dvh;min-height:610px;grid-template-columns:51% 49%;overflow:hidden;background:#fff5f8}
.v6-login .login-visual{height:100%;min-height:0;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 75% 14%,#ffd1e0,transparent 44%),linear-gradient(150deg,#fff8fb 0%,#ffe1eb 58%,#ffabc5 100%);isolation:isolate}
.v6-login .login-visual:before{content:'♥';position:absolute;top:6%;left:6%;font-size:45px;color:#ff4d7d55;transform:rotate(-20deg)}
.v6-login .login-visual:after{content:'♥';position:absolute;top:13%;right:12%;font-size:60px;color:#ff245e65;transform:rotate(16deg)}
.v6-login .login-identity{position:relative;z-index:2;text-align:center;width:100%;padding:clamp(18px,3vh,32px) 12px 0}
.v6-login .login-identity h1{font:700 clamp(26px,2.9vw,48px) Georgia,serif;color:#bc0030;margin:8px 0 2px}
.v6-login .login-caption{font-size:clamp(11px,1vw,15px);letter-spacing:3px;font-weight:700}
.v6-login .tagline{font:italic 19px Georgia,serif;color:#bd0035;margin:15px 0}
.v6-login .login-features{width:min(410px,75%);margin:15px auto 0;text-align:left;display:grid;gap:8px;font-size:clamp(12px,1.03vw,16px);font-weight:600}
.v6-login .login-features>div{display:flex;align-items:center;gap:12px}
.v6-login .login-features span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#ed003e;background:#fff9;box-shadow:0 2px 8px #9b002014;font-size:20px}
.v6-login .decor-photo{position:absolute;bottom:0;left:0;width:100%;height:38%;background:url('/assets/gift-decor.webp') center 62%/cover no-repeat;mask-image:linear-gradient(transparent,#000 24%);pointer-events:none;z-index:1}
.heart-brand{width:clamp(110px,11vw,172px);height:clamp(110px,11vw,172px);border:3px solid #e80027;border-radius:50%;background:white;margin:auto;display:grid;place-items:center;overflow:hidden;box-shadow:0 4px 15px #b4002115}
.heart-clip{width:86%;height:66%;display:block;overflow:hidden;position:relative}
.heart-clip img{position:absolute;max-width:none!important;width:119%!important;height:auto!important;left:-9.5%;top:-60%;object-fit:unset!important;border-radius:0!important}
.v6-login .login-side{padding:clamp(10px,2vh,28px);height:100%;overflow:auto;align-items:center;background:linear-gradient(140deg,#fff9fb,#fff0f5)}
.v6-login .login-card{width:min(100%,570px);padding:clamp(19px,2.5vh,32px) clamp(22px,2.6vw,40px);gap:clamp(10px,1.5vh,16px);border-radius:25px;border:1px solid #fbe5ec;box-shadow:0 12px 60px #a1002514}
.login-lang{justify-self:end;border:1px solid #f1dce3;border-radius:11px;padding:8px 14px;font-weight:600;color:#4e5c70}
.login-lang span{margin-left:8px}
.login-heading{text-align:center;display:grid;gap:8px;margin-bottom:4px}
.login-heading h1{font:700 clamp(26px,2.45vw,38px) Georgia,serif;color:#bd0035}
.login-heading p{color:#4c5870;font-size:15px}
.v6-login .login-card form{gap:clamp(9px,1.2vh,14px)}
.v6-login .login-card label{font-size:13px;font-weight:700;gap:7px}
.auth-input{display:flex;align-items:center;border:1px solid #efd4dd;background:#fff9fb;border-radius:12px;overflow:hidden;min-height:46px}
.auth-input>span{width:53px;flex-shrink:0;display:grid;place-items:center;border-right:1px solid #f0d8df;color:#f40048;font-size:21px}
.auth-input input{min-width:0;flex:1;background:transparent;border:0!important;box-shadow:none!important;border-radius:0;padding:12px;font-size:14px;font-weight:500}
.auth-input:focus-within{border-color:#ed0040;box-shadow:0 0 0 3px #ed004017}
.auth-input .show-pass{background:transparent;color:#273044;padding:8px 13px;font-size:17px}
.auth-options{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}
.auth-options .remember{display:flex;align-items:center;gap:8px;font-weight:500;color:#58627a}
.auth-options input{width:16px;height:16px;accent-color:#f90045}
.password-help{color:#df003c;cursor:help}
.v6-login .login-submit{min-height:47px;font-size:16px;border-radius:11px}
.or-line{display:flex;align-items:center;gap:16px;color:#67758a;text-align:center}
.or-line:before,.or-line:after{content:'';height:1px;background:#f0e1e6;flex:1}
.v6-login .customer-link{border:1px solid #ff235e;color:#d90039;background:white;padding:12px;font-size:14px}
.auth-notice{background:#fff0f4;border-radius:12px;padding:11px 13px;color:#7e3a51;font-size:12px;line-height:1.45}
.login-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#647087}
.login-foot b{font:italic 17px Georgia,serif;color:#bc0035}
.dashboard{grid-template-columns:196px minmax(0,1fr)}
.sidebar{padding:8px 8px;background:linear-gradient(165deg,#fff8fa,#ffe2eb)}
.sidebar .brand{margin-bottom:9px}.sidebar .brand h2{font:700 17px Georgia,serif;margin-top:4px}.sidebar .brand small{font-size:10px}
.mini-heart{width:64px;height:64px;border-width:2px}.mini-heart .heart-clip img{top:-60%}
.navbtn{font-size:12px;padding:8px 9px;min-height:33px;color:#263044}
.topbar{height:58px;padding:8px 14px}.topbar h2{font-size:19px}.top-search{flex:1;max-width:440px}.top-search input{padding:9px 13px;background:#fff9fb}
.content{padding:10px 12px 25px;gap:10px}.welcome{padding:11px 18px;border-radius:13px;min-height:65px}.welcome h1{font-size:20px}
.panel{padding:12px;border-radius:12px}.metric{padding:11px}.metric .ico{width:39px;height:39px;font-size:21px}.metric b{font-size:18px}.stats-grid{gap:9px}.split{gap:9px}.content .space{gap:10px}
.cards{gap:9px}.signature{font-size:12px;color:#bc0035;background:#fffafbe8}
.customer-head .mini-heart{width:52px;height:52px}
@media(max-height:780px) and (min-width:801px){.v6-login .login-identity{padding-top:12px}.v6-login .heart-brand{width:106px;height:106px}.v6-login .tagline{margin:8px 0;font-size:16px}.v6-login .login-features{gap:4px;margin-top:9px}.v6-login .login-features span{height:26px;width:26px}.v6-login .decor-photo{height:31%}.v6-login .login-card{padding:16px 25px;gap:9px}.login-heading h1{font-size:28px}.v6-login .login-side{padding:10px}}
@media(max-width:900px){.v6-login{grid-template-columns:43% 57%}.v6-login .login-features{width:92%}.top-search{display:none}.dashboard{grid-template-columns:170px minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.v6-login{height:auto;min-height:100dvh;display:block;overflow:visible}.v6-login .login-visual{height:235px;min-height:0}.v6-login .login-identity{padding-top:10px}.v6-login .heart-brand{width:70px;height:70px}.v6-login .login-identity h1{font-size:23px}.v6-login .tagline{font-size:13px;margin:6px}.v6-login .login-features{display:none}.v6-login .decor-photo{height:48%;opacity:.55}.v6-login .login-side{height:auto;min-height:calc(100dvh - 235px);padding:12px}.v6-login .login-card{padding:20px;gap:12px}.login-heading h1{font-size:27px}.login-heading p{font-size:13px}.dashboard{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{position:relative;max-height:180px}.sidebar .brand{display:none}.sidebar nav{display:flex;overflow:auto}.navbtn{white-space:nowrap}.main{overflow:visible}.topbar{position:relative}.content{padding:10px}.split,.stats-grid{grid-template-columns:1fr 1fr}.signature{bottom:4px;right:4px}}
.heart-clip img{width:190%!important;left:-45%!important;top:-70%!important}

/* V7 premium customer refinements */
.customer{background:linear-gradient(180deg,#fff9fb 0%,#fff 35%);min-height:100vh}
.customer-head{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #f7d9e3;position:sticky;top:0;z-index:8}
.customer .hero{background:linear-gradient(115deg,#fff1f5,#fce0e9 60%,#fff9fb);border:1px solid #f9d2dd;box-shadow:0 18px 55px #af31501c;border-radius:24px;overflow:hidden}
.customer .shop-card{transition:transform .28s ease,box-shadow .28s ease;border:1px solid #f7dce4;border-radius:19px;overflow:hidden}
.customer .shop-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #9c22431d}
.customer .shop-card img{transition:transform .45s ease}
.customer .shop-card:hover img{transform:scale(1.035)}
.customer button{transition:transform .2s,filter .2s}
.customer button:hover{filter:brightness(.96)}
.customer .brand img{object-fit:contain}
.myorders-btn{margin-left:auto;white-space:nowrap}
.order-list{max-height:60vh;overflow:auto;display:grid;gap:12px;margin:18px 0}
.order-card{border:1px solid #f2d4df;background:#fffafd;border-radius:16px;padding:16px;display:grid;gap:9px}
.order-card p{margin:4px 0}.order-badge{background:#ffe0ea;color:#ab1645;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}
.order-progress{display:flex;gap:5px;margin:9px 0}.order-progress>div{height:7px;flex:1;border-radius:8px;background:#e9e5e7}.order-progress>div.done{background:#ec1352}
.order-success{text-align:center;display:grid;gap:14px;justify-items:center;padding:16px}.success-mark{background:#e6faed;color:#198754;border-radius:100%;font-size:32px;width:64px;height:64px;display:grid;place-items:center}.empty-orders{padding:40px 10px;text-align:center;color:#84596a}
@media(max-width:650px){.customer-head{flex-wrap:wrap;gap:8px}.myorders-btn{font-size:12px}.customer .hero{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.customer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V8 product detail and photo gallery */
.photo-trigger{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;cursor:zoom-in}.item-card .photo-trigger img,.shop-card .photo-trigger img{display:block;width:100%;height:185px;object-fit:cover}.item-card .photo-trigger img{height:120px}.click-name{cursor:pointer}.click-name:hover{text-decoration:underline;color:var(--red)}.product-view{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;margin-top:18px}.product-main{width:100%;height:300px;object-fit:contain;border-radius:14px;background:#fff4f7;border:1px solid var(--line)}.gallery-thumbs{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.gallery-thumb{position:relative;padding:2px;border:2px solid #f5d7df;border-radius:10px;background:white;width:74px;height:74px;overflow:hidden}.gallery-thumb.chosen{border-color:var(--red)}.gallery-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.remove-img{position:absolute;top:0;right:0;padding:1px 5px;border-radius:50%;font-size:10px}.product-info{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.product-info .big-price{font-size:23px}.product-description{white-space:pre-wrap;line-height:1.65;color:#4c4c5c}.product-info>button{margin-top:auto}.modal:has(.product-view){width:min(850px,100%)}@media(max-width:600px){.product-view{grid-template-columns:1fr}.product-main{height:240px}}

/* V9 responsive storefront and admin */
.mobile-bottom{display:none}.admin-menu-toggle{display:none}
@media(max-width:700px){
 body{overflow-x:hidden}.customer{padding-bottom:76px}.customer-head{padding:9px 12px;gap:6px;flex-wrap:nowrap}.customer-head .brand{min-width:0;flex:1}.customer-head .brand strong{font-size:15px}.customer-head .brand .mini-heart{width:43px;height:43px;flex-shrink:0}.customer-head>.myorders-btn{display:none}.customer-head>button:last-child{font-size:11px;padding:9px 8px;white-space:nowrap}
 .customer .hero{display:flex;flex-direction:column-reverse;gap:8px;padding:14px;border-radius:18px;margin:10px 10px 0}.customer .hero img{width:100%;max-width:none;height:165px;object-fit:cover;border-radius:13px}.customer .hero h1{font-size:27px;line-height:1.1}.customer .hero p{margin:8px 0}.customer .hero button{width:100%}
 .customer>.space,.customer>section.space{margin-left:12px!important;margin-right:12px!important}.customer .chips{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.customer .chips button{white-space:nowrap;flex-shrink:0}.customer #catalog>.row{align-items:stretch;gap:10px}.customer #catalog input{max-width:none!important;width:100%}
 .customer .shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer .shop-card{min-width:0;border-radius:13px}.customer .shop-card .photo-trigger img{height:150px;aspect-ratio:1;object-fit:cover}.customer .shop-card>div{padding:10px;gap:6px}.customer .shop-card h3{font-size:13px;line-height:1.3;min-height:34px}.customer .shop-card small{font-size:10px;line-height:1.3}.customer .shop-card .price{font-size:14px}.customer .shop-card button:not(.photo-trigger){font-size:11px;padding:10px 5px;width:100%}
 .mobile-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;box-shadow:0 -4px 24px #8d254022;border-top:1px solid #f3cbd7;padding:7px 5px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom button{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;color:#9b2449;border:0;font-size:10px;padding:3px 1px}.mobile-bottom span{font-size:21px}.signature{bottom:75px!important;font-size:9px}
 .modal-backdrop{padding:8px}.modal{max-width:100%;max-height:92dvh;overflow-y:auto;padding:16px}.product-view{grid-template-columns:1fr;gap:12px}.product-main{height:245px}.gallery-thumbs{flex-wrap:nowrap;overflow-x:auto}.order-card{padding:12px}
 .admin-menu-toggle{display:block;position:fixed;bottom:16px;left:12px;z-index:50;border-radius:30px;box-shadow:0 8px 25px #9b164755}.dashboard{display:block}.sidebar{display:none;position:fixed;z-index:45;top:0;left:0;bottom:0;width:min(82vw,290px);max-height:none;overflow-y:auto;box-shadow:8px 0 45px #50101d44}.sidebar.nav-open{display:block}.sidebar .brand{display:block}.sidebar nav{display:flex;flex-direction:column;overflow:visible}.navbtn{white-space:normal}.main{width:100%;min-width:0}.topbar{height:auto;min-height:64px;gap:8px;flex-wrap:wrap}.topbar .row{margin-left:auto}.topbar .top-title h2{font-size:17px}.content{padding:10px 10px 75px}.stats-grid,.split{grid-template-columns:1fr 1fr}.content .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content .item-card{min-width:0}.content .item-card .photo-trigger img{height:105px}.content .item-card .details{padding:9px}.content .item-card strong{font-size:12px}.content .item-card .row{flex-wrap:wrap}.welcome h1{font-size:17px}
}
@media(max-width:380px){.customer .shop-card .photo-trigger img{height:118px}.customer .shop-card h3{font-size:12px}.stats-grid,.split{grid-template-columns:1fr}}
@media(min-width:701px){.customer .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V10 mobile operator and consistent image geometry */
.permission-row{display:flex!important;align-items:center;gap:10px;background:#fff5f8;padding:12px;border:1px solid #f6dce4;border-radius:11px;font-size:13px;cursor:pointer}.permission-row input{width:19px;height:19px;accent-color:#e90046;flex-shrink:0}.shop-card .photo-trigger,.item-card .photo-trigger{aspect-ratio:1.12/1;overflow:hidden}.shop-card .photo-trigger img,.item-card .photo-trigger img{width:100%;height:100%!important;aspect-ratio:1.12/1;object-fit:cover}.product-main{object-fit:contain}.gallery-thumb img{object-fit:cover}.sidebar .navbtn{min-height:43px}@media(max-width:700px){.dashboard .content .panel{min-width:0}.dashboard .data-table{min-width:600px}.dashboard .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard .content .panel .row{min-width:0}.dashboard .content button{min-height:40px}.dashboard .content input,.dashboard .content select{font-size:16px}.dashboard .content .welcome{padding:14px}.dashboard .content .welcome h1{font-size:17px}.dashboard .content .metric b{font-size:16px}.dashboard .content .stats-grid{gap:8px}.dashboard .content .metric{padding:10px}.shop-card .photo-trigger img,.item-card .photo-trigger img{height:auto!important;aspect-ratio:1.12/1}.modal .form-actions{position:sticky;bottom:-16px;background:#fff;padding:10px 0}.permission-row{font-size:13px}}

/* V12: exact approved brand artwork, never mask or redraw */
.heart-brand,.mini-heart{border:0!important;background:transparent!important;border-radius:50%!important;overflow:visible!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.heart-brand .heart-clip,.mini-heart .heart-clip{width:100%!important;height:100%!important;overflow:visible!important;position:static!important;display:block!important}
.heart-brand .heart-clip img,.mini-heart .heart-clip img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;left:auto!important;top:auto!important;border-radius:50%!important}
.login-identity .heart-brand{width:clamp(132px,16vw,210px);height:clamp(132px,16vw,210px)}
.sidebar .heart-brand{width:76px;height:76px}.customer-head .heart-brand{width:52px;height:52px}
/* Mobile login centered logo and easy tap targets */
@media(max-width:700px){.v6-login .login-visual{height:205px}.v6-login .login-identity{padding-top:8px}.v6-login .heart-brand{width:118px!important;height:118px!important}.v6-login .login-side{min-height:calc(100dvh - 205px)}.v6-login .login-card{padding:16px 18px}.v6-login .login-card input{font-size:16px}.v6-login .login-submit{min-height:50px}.dashboard .sidebar{padding-top:20px}.admin-menu-toggle{bottom:calc(15px + env(safe-area-inset-bottom))}.modal{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(max-width:390px){.customer .shop-card .price{font-size:12px}.customer .shop-card h3{font-size:12px}.topbar .pill{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(hover:hover){.customer .shop-card:hover{transform:translateY(-4px)}}

/* V13: global search is accessible on narrow admin screens without changing existing theme */
@media(max-width:900px){.top-search{display:block;flex:1 1 100%;max-width:none;order:3}.topbar{height:auto;min-height:58px;flex-wrap:wrap}.top-search input{width:100%}}

/* V14: only functional overlays / responsive order cards; existing design preserved */
.live-order-bar{position:fixed;right:16px;bottom:66px;z-index:95;background:#fff;border:1px solid #ffd0db;box-shadow:0 7px 24px #6c123020;border-radius:14px;padding:9px 12px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:#a80035;max-width:calc(100vw - 32px)}
.live-order-bar button{font-size:11px;padding:7px 9px;border-radius:9px}.order-clickable{cursor:pointer}.order-clickable:hover{background:#fff4f7}.order-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.order-detail-fields p{overflow-wrap:anywhere}.order-detail-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f5e1e7}.order-detail-item img{width:68px;height:68px;object-fit:cover;border-radius:9px}.mobile-orders{display:none}
@media(max-width:700px){.live-order-bar{left:10px;right:10px;bottom:75px;justify-content:space-between}.order-detail-fields{grid-template-columns:1fr}.mobile-orders{display:grid;gap:10px}.mobile-order-card{width:100%;background:white!important;color:#222!important;text-align:left;border:1px solid #f7ccd8;border-radius:14px;display:flex;flex-direction:column;gap:7px;padding:14px!important}.mobile-order-card span{color:#d0003f;font-weight:700}.mobile-order-card small{color:#555}.content:has(.mobile-orders) .table-wrap{display:none}}

/* V15 compact responsive refinements — original palette and artwork unchanged */
html{overflow-x:hidden}button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:700px){
 .dashboard .topbar{padding:11px 13px;gap:8px;align-items:center}
 .dashboard .topbar .top-title h2{font-size:19px;line-height:1.2}
 .dashboard .topbar .top-title small{font-size:11px}
 .dashboard .topbar>.row{gap:6px;flex-wrap:wrap;justify-content:flex-end}
 .dashboard .topbar>.row .pill{font-size:10px;max-width:180px}
 .dashboard .top-search{order:3;flex:1 1 100%;margin:0}
 .dashboard .top-search input{min-height:44px;font-size:16px}
 .dashboard .content{padding:10px 11px 95px;gap:10px}
 .dashboard .content .panel{padding:12px;border-radius:14px}
 .dashboard .content .welcome{padding:12px 14px;gap:8px}
 .dashboard .content .welcome h1{font-size:18px;line-height:1.25}
 .dashboard .content .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .dashboard .content .metric{gap:8px;padding:10px}
 .dashboard .content .metric .ico{width:36px;height:36px;min-width:36px;font-size:18px}
 .dashboard .content .metric b{font-size:17px}
 .dashboard .content .metric small{font-size:11px;line-height:1.25}
 .dashboard .content .split{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .dashboard .content .split>.panel{min-width:0}
 .dashboard .content .split>.panel h2{font-size:15px;line-height:1.2}
 .dashboard .content .line-chart{height:105px}
 .dashboard .toolbar{gap:8px}
 .dashboard .toolbar input{max-width:none;min-width:0}
 .dashboard .form-actions{flex-wrap:wrap}
 .dashboard .form-actions button{flex:1 1 120px}
 .dashboard .modal{width:100%;max-height:calc(100dvh - 20px);border-radius:16px;padding:15px}
 .dashboard .mobile-order-card{min-height:104px;box-shadow:0 3px 12px #9e002e0b}
 .dashboard .mobile-order-card:active{background:#fff1f5!important}
 .dashboard .admin-menu-toggle{bottom:calc(16px + env(safe-area-inset-bottom))}
 .dashboard .sidebar{width:min(82vw,320px);padding-bottom:calc(25px + env(safe-area-inset-bottom))}
 .dashboard .sidebar .navbtn{min-height:45px}
 .dashboard .live-order-bar{bottom:calc(80px + env(safe-area-inset-bottom));font-size:12px}
 .customer .customer-head{gap:7px}
 .customer .hero{margin:8px 0 0;padding:13px}
 .customer .hero img{height:160px}
 .customer .hero h1{font-size:25px}
 .customer .shop-grid{gap:9px}
 .customer .shop-card>div{padding:9px}
 .customer .shop-card .photo-trigger img{aspect-ratio:1.12/1}
 .customer .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px;-webkit-overflow-scrolling:touch}
 .customer .chips button{white-space:nowrap;flex-shrink:0}
 .customer .mobile-bottom button{min-height:48px}
 .customer .modal{max-height:calc(100dvh - 20px)}
}
@media(max-width:390px){
 .dashboard .topbar>.row .pill{max-width:125px}
 .dashboard .content .split{grid-template-columns:1fr}
 .dashboard .content .metric .ico{width:32px;height:32px;min-width:32px}
 .dashboard .content .metric b{font-size:15px}
 .customer .hero img{height:145px}
}

/* V16: fixed banner removed, header notifications */
#liveOrderBar{display:none!important}.notification-bell{position:relative;background:#fff6f8!important;color:#be003c!important;border:1px solid #f7c7d4!important;border-radius:12px!important;min-width:44px;min-height:42px;padding:8px 11px!important;font-size:21px!important}.notification-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:1px 4px;border-radius:12px;background:#f90449;color:#fff;font-size:11px;line-height:17px;text-align:center;font-weight:800}.notification-count[hidden],#cardPaymentFields[hidden]{display:none!important}.notification-list{display:grid;gap:8px;max-height:45vh;overflow:auto;margin:15px 0}.notification-entry{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff8fa!important;color:#29202a!important;border:1px solid #f6cdd9!important;border-radius:12px;padding:12px!important;width:100%}.notification-entry span{font-size:13px}.notification-entry small{color:#c0003b}.payment-receipt{max-width:100%;max-height:320px;object-fit:contain;border-radius:12px;border:1px solid #f5d4df}#cardPaymentFields{border:1px solid #f6d6e0;padding:12px;border-radius:12px;background:#fff7f9;overflow-wrap:anywhere}@media(max-width:700px){.notification-bell{min-width:43px!important}.dashboard .topbar>.row{align-items:center}.notification-list{max-height:50dvh}}

/* V21: show the full uploaded image without cutting its edges */
.customer .hero img,.customer .shop-card .photo-trigger img,.customer .product-main,
.shop-card .photo-trigger img,.item-card .photo-trigger img{
 object-fit:contain!important;object-position:center!important;background:#fff!important;
}
.customer .shop-card:hover img{transform:none!important}
.feedback-entry{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px;background:#fffafb}
.feedback-entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.feedback-entry label{max-width:240px}
.feedback-photo{display:block;max-width:240px;max-height:240px;object-fit:contain;cursor:zoom-in;border:1px solid var(--line);border-radius:9px}
@media(max-width:650px){.support-head{font-size:11px;padding:8px}.customer-head{gap:6px}}

/* V21 mobile bottom menu: five tabs must fit on one row */
@media(max-width:700px){.customer .mobile-bottom{grid-template-columns:repeat(5,minmax(0,1fr))!important}.customer .mobile-bottom button{min-width:0;font-size:9px;padding:3px 0;white-space:normal}.customer .mobile-bottom span{font-size:19px}}

.support-message{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff1f5;border:1px solid #f4c8d4;border-radius:12px;padding:12px 14px;margin:12px 0;line-height:1.5}
/* V23: compact customer information and order-editing tools */
.info-center{display:grid;gap:9px;margin:16px 0}
.info-center details{background:#fff7f9;border:1px solid #f1ccd7;border-radius:12px;padding:12px 14px}
.info-center summary{font-weight:700;cursor:pointer}
.info-center details p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:10px 0 2px}
.edit-order-row{border-bottom:1px solid #f0dbe2;padding:7px 0;align-items:center}
.edit-order-row select{flex:1;min-width:150px}
@media(max-width:680px){.mobile-bottom{display:flex;justify-content:space-around;gap:1px}.mobile-bottom button{flex:1;min-width:0;font-size:10px;padding:6px 1px}.mobile-bottom button span{font-size:19px}.customer-head .support-head{font-size:10px;padding:6px 5px}}

/* V24: private feedback detail */
.feedback-entry{cursor:pointer;transition:background .15s,border-color .15s}
.feedback-entry:hover,.feedback-entry:focus-visible{background:#fff1f5;border-color:#ee9eb7}
.feedback-entry select{cursor:pointer}
.feedback-detail{display:grid;gap:13px;margin-top:17px}
.feedback-detail-field{border-bottom:1px solid #f4e1e8;padding-bottom:10px;display:grid;gap:6px}
.feedback-detail-field strong{color:#9e002e}
.feedback-full-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.feedback-detail-photo{max-width:100%;max-height:65vh;object-fit:contain;border:1px solid #f4d4de;border-radius:12px;background:white}

/* V28: mobile header de-duplication and unclipped banner; desktop unchanged */
@media(max-width:700px){
 .customer-head .support-head{display:none!important}
 .customer-head{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important}
 .customer-head .brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1 1 auto!important}
 .customer-head .brand>div:last-child{min-width:0!important}
 .customer-head .brand strong{display:block;font-size:clamp(16px,4.4vw,21px)!important;line-height:1.1!important;overflow-wrap:normal!important}
 .customer-head .brand .mini-heart{width:54px!important;height:54px!important;flex:0 0 54px!important}
 .customer-head>button:last-child{flex:0 0 auto!important;white-space:nowrap!important;font-size:12px!important;padding:11px 12px!important}
 .customer .hero{display:flex!important;flex-direction:column-reverse!important;align-items:stretch!important;gap:12px!important}
 .customer .hero>img{display:block!important;width:100%!important;height:auto!important;max-height:250px!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border-radius:14px!important}
 .customer .hero>div{width:100%!important;min-width:0!important}
}
@media(max-width:370px){.customer-head .brand .mini-heart{width:44px!important;height:44px!important;flex-basis:44px!important}.customer-head>button:last-child{font-size:11px!important;padding:9px 8px!important}}