@import url('admin-one-final.css');
@import url('order-final.css');
@import url('admin-final.css');
@import url('shop-final.css');
@import url('mega.css');
@import url('gallery.css');
@import url('premium.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#101114;--muted:#747780;--line:#e8e8ea;--bg:#f7f7f5;--card:#fff;--green:#166534;--soft:#f0f0ed;--danger:#b42318}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.container{width:min(1240px,92%);margin:auto}.top{background:#101114;color:#fff;text-align:center;padding:9px;font-size:11px;letter-spacing:.12em}.nav{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:30}.navin{width:min(1240px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font:800 25px Manrope;letter-spacing:-.04em}.links{display:flex;gap:26px;font-weight:600;font-size:14px}.actions{display:flex;align-items:center;gap:14px;font-size:13px}.pill{padding:8px 12px;border:1px solid #ddd;border-radius:99px}.count{background:#111;color:#fff;border-radius:99px;padding:2px 6px;font-size:10px}
.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#222}.heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b 0,#0003 60%,transparent)}.hero .container{position:relative;z-index:2;color:#fff}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;text-transform:uppercase}.hero h1{font:800 clamp(50px,7vw,94px) Manrope;line-height:.92;max-width:800px;margin:18px 0}.hero p{font-size:18px;max-width:510px;color:#eee;line-height:1.6}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #111;background:#111;color:#fff;padding:13px 20px;border-radius:999px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.white{background:#fff;color:#111;border-color:#fff}.btn.outline{background:#fff;color:#111;border-color:#ccc}.btn.danger{background:#b42318;border-color:#b42318}.section{padding:75px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.sectionhead h2{font:800 34px Manrope;margin:0;letter-spacing:-.03em}.muted{color:var(--muted)}.categories,.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat{height:330px;position:relative;border-radius:18px;overflow:hidden}.cat img{width:100%;height:100%;object-fit:cover;transition:.5s}.cat:hover img{transform:scale(1.06)}.cat:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b)}.cat span{position:absolute;bottom:22px;left:22px;color:#fff;z-index:2;font:700 22px Manrope}.product{position:relative}.pic{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#eee;position:relative}.pic img{width:100%;height:100%;object-fit:cover;transition:.5s}.product:hover img{transform:scale(1.04)}.badge{position:absolute;top:12px;left:12px;background:#fff;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.08em}.pinfo{padding:13px 2px}.pname{font-weight:700;margin-bottom:7px}.price{font-weight:800}.old{text-decoration:line-through;color:#999;font-size:13px;margin-left:5px}.features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd}.feature{background:#fff;padding:28px;border-right:1px solid #ddd}.newsletter{background:#111;color:#fff;border-radius:22px;padding:60px;text-align:center}.newsletter h2{font:800 40px Manrope;margin:15px 0 8px}.newsletter form{display:flex;max-width:520px;margin:25px auto 0;background:#fff;border-radius:99px;padding:5px}.newsletter input{flex:1;border:0;padding:10px 17px;outline:0;border-radius:99px}.footer{padding:55px 0;border-top:1px solid var(--line)}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer a{display:block;color:#666;margin:9px 0;font-size:14px}
.page{padding:50px 0}.detail{display:grid;grid-template-columns:1.05fr .95fr;gap:55px}.detailimg{border-radius:20px;overflow:hidden;background:#eee}.detailimg img{width:100%;display:block}.detail h1{font:800 48px Manrope;line-height:1;margin:15px 0}.detailprice{font-size:25px;font-weight:800}.selector{margin:25px 0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{border:1px solid #ccc;background:#fff;padding:9px 15px;border-radius:99px;cursor:pointer}.chip.active{background:#111;color:#fff}.input{width:100%;border:1px solid #d7d7da;border-radius:10px;padding:12px 13px;outline:0;background:#fff}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.formbox,.summary,.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px}.cartgrid{display:grid;grid-template-columns:1.4fr .6fr;gap:25px}.cartitem{display:grid;grid-template-columns:100px 1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.cartitem img{width:100px;height:120px;object-fit:cover;border-radius:10px}.row{display:flex;justify-content:space-between;margin:13px 0}.total{border-top:1px solid var(--line);padding-top:15px;font-size:20px;font-weight:800}.alert{padding:13px 15px;border-radius:11px;background:#ecfdf3;color:#166534;margin-bottom:18px}.error{background:#fff0f0;color:#b42318}.profilegrid{display:grid;grid-template-columns:280px 1fr;gap:25px}.profilecard{text-align:center}.avatar{width:90px;height:90px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font:800 32px Manrope;margin:0 auto 15px}
.adminbody{background:#f4f5f7}.adminlayout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#111216;color:#fff;padding:25px 15px;overflow:auto}.sidebrand{font:800 22px Manrope;padding:8px 12px 28px}.sidelink{display:block;color:#aaa;padding:12px;border-radius:9px;margin:4px 0}.sidelink:hover,.sidelink.active{background:#25272c;color:#fff}.main{margin-left:250px;width:calc(100% - 250px);padding:30px}.adminhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid #e5e6e8;border-radius:15px;padding:20px}.stat strong{display:block;font:800 28px Manrope;margin-top:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 9px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.status{padding:5px 9px;border-radius:99px;background:#f1f1f1;font-size:10px;font-weight:800}.adminform{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{padding:9px 13px;border:1px solid #ddd;border-radius:9px;background:#fff}.tab.active{background:#111;color:#fff}.mini{font-size:12px;color:#777}.check{display:flex;gap:8px;align-items:center}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{background:#fff;border:1px solid #e5e6e8;border-radius:15px;padding:22px}.settings-card h3{margin-top:0}.dangertext{color:#b42318}
@media(max-width:900px){.links{display:none}.categories,.products{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr 1fr}.detail,.cartgrid,.profilegrid{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}.sidebar{width:72px}.sidebrand{font-size:0}.sidelink{font-size:0;text-align:center}.main{margin-left:72px;width:calc(100% - 72px)}}@media(max-width:560px){.categories,.products,.features,.footergrid,.stats,.settings-grid{grid-template-columns:1fr}.hero{min-height:560px}.newsletter{padding:35px 20px}.detail h1{font-size:38px}.adminform{grid-template-columns:1fr}.main{padding:18px}.cartitem{grid-template-columns:75px 1fr}.cartitem img{width:75px;height:95px}.cartitem>b{grid-column:2}}

.accounttabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ddd;margin:25px 0}.accounttab{padding:11px 14px;border-radius:10px 10px 0 0;color:#666;font-weight:700}.accounttab:hover,.accounttab.active{background:#111;color:#fff}.accountsection{padding:22px 0;scroll-margin-top:95px}.accountgrid{display:grid;grid-template-columns:330px 1fr;gap:20px}.quickstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.quickstats div{background:#f6f6f4;border-radius:12px;padding:12px}.quickstats b{display:block}.quickstats span{font-size:11px;color:#777}.shortcutgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shortcutgrid a,.supportgrid a{border:1px solid #eee;border-radius:12px;padding:15px;display:block}.shortcutgrid a:hover,.supportgrid a:hover{background:#fafafa}.shortcutgrid span,.supportgrid span{display:block;color:#777;font-size:12px;margin-top:5px}.profileform{display:grid;grid-template-columns:1fr 1fr;gap:14px}.addressgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.walletcard{background:linear-gradient(135deg,#111216,#34373e);color:#fff;border-radius:18px;padding:28px;min-height:220px}.walletbalance{font:800 42px Manrope;margin-top:35px}.walletrow{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee}.walletrow span{display:block}.credit{color:#16803b}.debit{color:#b42318}.supportgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.accountgrid,.addressgrid{grid-template-columns:1fr}.supportgrid{grid-template-columns:1fr}}@media(max-width:560px){.profileform,.shortcutgrid{grid-template-columns:1fr}.full{grid-column:auto}}

.sidebar .sidebrand span{display:block;font-size:9px;letter-spacing:.18em;color:#777;margin-top:5px}.sidegroup{font-size:9px;letter-spacing:.18em;color:#666;padding:18px 12px 6px}.sidelink{display:flex!important;gap:12px;align-items:center}.sidelink i{font-style:normal;width:18px;text-align:center}

.quickadmin{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.quickadmin a{background:#fff;border:1px solid #e5e6e8;border-radius:14px;padding:18px}.quickadmin a:hover{border-color:#bbb;transform:translateY(-1px)}.quickadmin b{display:block}.quickadmin span{font-size:12px;color:#777;display:block;margin-top:5px}@media(max-width:900px){.quickadmin{grid-template-columns:1fr 1fr}}@media(max-width:560px){.quickadmin{grid-template-columns:1fr}}

/* 2026 PRO UI */
.nav{backdrop-filter:blur(12px);background:rgba(255,255,255,.97)}.navavatar,.adminavatar{width:34px;height:34px;border-radius:50%;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.profileMenu{position:relative}.profileBtn{display:flex;align-items:center;gap:7px;border:0;background:transparent;cursor:pointer;font-weight:700}.profileDrop{display:none;position:absolute;right:0;top:45px;width:255px;background:#fff;border:1px solid #e5e5e7;border-radius:15px;padding:9px;box-shadow:0 20px 50px #0002;z-index:100}.profileMenu:hover .profileDrop,.profileMenu:focus-within .profileDrop{display:block}.drophead{display:flex;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #eee;margin-bottom:5px}.drophead small{display:block;color:#777;font-size:11px;margin-top:2px}.profileDrop a{display:flex;gap:10px;align-items:center;padding:11px;border-radius:9px;font-size:13px}.profileDrop a:hover{background:#f5f5f3}.heroBtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn.ghost{background:transparent;color:#fff;border-color:#fff}.benefitbar{width:min(1120px,90%);margin:-1px auto 0;position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #eee;border-radius:0 0 15px 15px;box-shadow:0 15px 35px #0000000a}.benefitbar>div{padding:20px 24px;border-right:1px solid #eee}.benefitbar>div:last-child{border:0}.benefitbar b,.benefitbar span{display:block}.benefitbar span{color:#777;font-size:11px;margin-top:4px}.quickview{position:absolute;bottom:12px;left:12px;right:12px;background:#fff;color:#111;border-radius:99px;padding:10px;text-align:center;font-weight:700;font-size:12px;opacity:0;transform:translateY(8px);transition:.2s}.product:hover .quickview{opacity:1;transform:translateY(0)}
/* admin */
.adminbody{background:#f5f6f8;color:#15161a}.sidebar{width:260px;background:linear-gradient(180deg,#101116,#17191f);padding:22px 14px}.sidebrand{display:flex;gap:10px;align-items:center;padding:8px 10px 28px}.sidebrand b{font:800 18px Manrope}.sidebrand small{display:block;color:#777;font-size:8px;letter-spacing:.17em;margin-top:3px}.brandmark{width:38px;height:38px;border-radius:11px;background:#7357ff;color:#fff;display:grid;place-items:center;font:800 18px Manrope}.sidegroup{font-size:9px;letter-spacing:.16em;color:#666;padding:17px 12px 7px}.sidelink{display:flex!important;align-items:center;gap:12px;color:#a8abb4;padding:12px 13px;margin:3px 0;border-radius:10px;font-size:13px}.sidelink i{font-style:normal;width:18px;text-align:center;font-size:15px}.sidelink.active,.sidelink:hover{background:#292c36;color:#fff}.adminmain{margin-left:260px;width:calc(100% - 260px);min-width:0}.admintop{height:72px;background:#fff;border-bottom:1px solid #e5e6e9;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.adminsearch{display:flex;align-items:center;gap:10px;background:#f6f6f7;border:1px solid #eee;border-radius:10px;padding:9px 13px;width:min(410px,45%)}.adminsearch input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.adminactions{display:flex;align-items:center;gap:20px}.adminactions>a{font-size:13px;font-weight:700}.adminuser{display:flex;align-items:center;gap:9px}.adminuser small{display:block;color:#777;font-size:10px;margin-top:2px}.admincontent{padding:30px;max-width:1550px;margin:auto}.adminhero{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.adminhero h1{font:800 34px Manrope;margin:7px 0}.adminhero p{margin:0;color:#777}.adminheroBtns{display:flex;gap:8px}.stats{grid-template-columns:repeat(4,1fr);gap:16px}.stat{position:relative;min-height:145px;padding:22px;border-radius:15px;background:#fff;border:1px solid #e6e7ea;box-shadow:0 5px 18px #1a1a1a05}.stat-dark{background:#15161b;color:#fff;border-color:#15161b}.stat>span{display:block;color:#777;font-size:12px}.stat-dark>span{color:#aaa}.stat strong{font:800 30px Manrope;display:block;margin:10px 0 6px}.stat small{font-size:10px;color:#999}.stat-icon{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:9px;background:#262830;display:grid;place-items:center}.stat-icon.purple{background:#eeeaff;color:#7357ff}.stat-icon.green{background:#e8f7ed;color:#16803b}.stat-icon.orange{background:#fff0df;color:#c76a0a}.dashboardGrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;margin-top:18px}.dashboardGrid.lower{grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr)}.panel{padding:22px;background:#fff;border:1px solid #e6e7ea;border-radius:15px;box-shadow:0 5px 18px #1a1a1a04}.panelhead{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panelhead h2{font:800 19px Manrope;margin:5px 0 0}.panelhead>a{font-size:12px;font-weight:700}.miniSelect{border:1px solid #ddd;border-radius:8px;background:#fff;padding:7px 10px;font-size:11px}.chart{height:280px;display:flex;gap:10px}.ylabels{width:35px;display:flex;flex-direction:column;justify-content:space-between;color:#aaa;font-size:9px;padding:8px 0 35px}.chartarea{flex:1;position:relative}.gridlines{position:absolute;inset:0 0 34px;display:flex;flex-direction:column;justify-content:space-between}.gridlines i{border-top:1px dashed #e5e5e7}.chartarea svg{position:absolute;left:0;right:0;top:0;width:100%;height:230px}.xlabels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aaa;font-size:9px}.topproduct{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eee}.topproduct:last-child{border:0}.topnum{font-size:10px;color:#aaa;width:20px}.topthumb{width:38px;height:45px;border-radius:7px;background:#f1f1f0;display:grid;place-items:center}.topname{flex:1}.topname b{font-size:12px;display:block}.topname span{font-size:10px;color:#999}.topproduct>strong{font-size:11px}.tablewrap{overflow:auto}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#888}.table td{font-size:11px;white-space:nowrap}.status.delivered{background:#e7f8ed;color:#16803b}.status.pending{background:#fff2df;color:#ad650b}.status.shipped{background:#e9f1ff;color:#2864b8}.status.cancelled{background:#ffe8e8;color:#b42318}.status.confirmed,.status.processing{background:#f0eaff;color:#6d4be7}.donut{width:150px;height:150px;margin:12px auto 18px;border-radius:50%;background:conic-gradient(#42b95a 0 45%,#ffb52e 45% 70%,#4f86e8 70% 85%,#9c7cff 85% 95%,#e25b65 95% 100%);display:grid;place-items:center;position:relative}.donut:before{content:'';position:absolute;width:106px;height:106px;border-radius:50%;background:#fff}.donutcenter{position:relative;z-index:2;text-align:center;font:800 25px Manrope}.donutcenter small{display:block;font:500 10px 'DM Sans';color:#777}.statuslegend>div{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:11px}.statuslegend i{width:8px;height:8px;border-radius:50%;background:#aaa}.statuslegend i.delivered{background:#42b95a}.statuslegend i.pending{background:#ffb52e}.statuslegend i.shipped{background:#4f86e8}.statuslegend i.processing{background:#9c7cff}.statuslegend i.cancelled{background:#e25b65}.statuslegend b{margin-left:auto}.quickadmin{grid-template-columns:repeat(4,1fr);margin-top:18px}.quickadmin a{transition:.2s}.quickadmin a:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000a}@media(max-width:1100px){.dashboardGrid,.dashboardGrid.lower{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{width:72px}.sidebrand div,.sidegroup,.sidelink span{display:none}.sidelink{justify-content:center}.adminmain{margin-left:72px;width:calc(100% - 72px)}.admintop{padding:0 16px}.adminsearch{width:55%}.adminuser div{display:none}.admincontent{padding:18px}}@media(max-width:600px){.stats{grid-template-columns:1fr}.adminhero{align-items:flex-start;gap:15px;flex-direction:column}.benefitbar{grid-template-columns:1fr 1fr}.benefitbar>div:nth-child(2){border-right:0}.benefitbar>div{padding:15px}.profileLabel{display:none}}

/* ANRAHA 2026 mobile/admin upgrade */
:root{--brand:#111216;--brand2:#2454d6}
.nav{z-index:50}.logo{font-weight:900;letter-spacing:-.06em}
.mobilemenu{display:none}.top{font-size:10px}
.adminhead h1{letter-spacing:-.04em}.panel{box-shadow:0 8px 30px rgba(15,18,25,.04)}
.producteditor{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:20px}.editorpanel{padding:30px}.editorheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.editorheading h2{margin:0}.input-xl{font-size:17px;padding:15px 16px}.textarea-xl{font-size:15px;line-height:1.6}.stickyeditor{position:sticky;top:100px}.productpreview{aspect-ratio:4/4.8;background:#f2f2f0;border-radius:15px;overflow:hidden;margin-bottom:18px}.productpreview img{width:100%;height:100%;object-fit:cover}.toggle{display:flex;gap:10px;align-items:center;border:1px solid #ddd;border-radius:10px;padding:13px;background:#fafafa}.toggle input{width:18px;height:18px}.adminproductgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.adminproduct{background:#fff;border:1px solid #e5e6e8;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(20,20,20,.03)}.adminproductimg{aspect-ratio:1/1.08;position:relative;background:#eee}.adminproductimg img{width:100%;height:100%;object-fit:cover}.adminproductbody{padding:18px}.adminproductbody h3{margin:6px 0 10px;font:800 18px Manrope}.productmeta{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.productactions{display:flex;gap:8px}.productactions .btn{padding:10px 13px;font-size:12px}.productadminbar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.productadminbar>div{background:#fff;border:1px solid #e5e6e8;border-radius:14px;padding:16px}.productadminbar b{font:800 24px Manrope;display:block}.productadminbar span{font-size:12px;color:#777}.customergrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customercard{background:#fff;border:1px solid #e5e6e8;border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px}.customeravatar{width:52px;height:52px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px}.customerchips{display:flex;gap:7px;flex-wrap:wrap}.customerchips span{background:#f4f4f2;padding:6px 8px;border-radius:99px;font-size:10px}.customeradmingrid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.walletadminbalance{font:800 38px Manrope;margin:10px 0 20px}.adminaddress{padding:13px 0;border-bottom:1px solid #eee}.supportlayout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px}.ticketitem{display:block;padding:14px;border:1px solid #eee;border-radius:12px;margin-bottom:9px}.ticketitem:hover{background:#fafafa}.ticketitem>b,.ticketitem>span,.ticketitem>small{display:block;margin-bottom:6px}.ticketthread{margin-top:18px}.thread{display:flex;flex-direction:column;gap:10px;margin:18px 0}.bubble{max-width:82%;background:#f1f2f4;border-radius:14px 14px 14px 4px;padding:13px 15px}.bubble.staff{align-self:flex-end;background:#111;color:#fff;border-radius:14px 14px 4px 14px}.bubble p{line-height:1.55}.supportadminlayout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:18px}.adminticket{display:flex;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid #eee;color:#222}.adminticket span{font-size:11px;color:#777;margin-right:6px}.adminticket.selected{background:#f0f3ff;border-radius:10px}.adminhr{border:0;border-top:1px solid #eee;margin:22px 0}.emptyadmin{text-align:center;padding:70px 20px}
@media(max-width:1100px){.adminproductgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.producteditor{grid-template-columns:1fr}.stickyeditor{position:static}.customeradmingrid,.supportadminlayout{grid-template-columns:1fr}}
@media(max-width:700px){
 body{overflow-x:hidden}.nav{height:64px}.navin{gap:8px}.nav .links{display:none}.actions{gap:7px}.actions a{font-size:11px}.hero{min-height:520px}.hero h1{font-size:48px}.hero p{font-size:15px}.section{padding:45px 0}.sectionhead{gap:10px}.sectionhead h2{font-size:27px}.categories,.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat{height:230px}.cat span{font-size:16px;left:14px;bottom:14px}.pic{border-radius:11px}.pinfo{padding:9px 2px}.pname{font-size:13px}.price{font-size:14px}.features{grid-template-columns:1fr 1fr}.feature{padding:17px}.footergrid{grid-template-columns:1fr 1fr}.newsletter{border-radius:14px;padding:35px 18px}.newsletter h2{font-size:30px}.cartgrid{gap:14px}.summary{position:static}.producteditor,.supportlayout,.customeradmingrid,.supportadminlayout{grid-template-columns:1fr}.editorpanel{padding:19px}.adminproductgrid,.customergrid{grid-template-columns:1fr}.productadminbar{grid-template-columns:1fr 1fr 1fr}.productadminbar>div{padding:12px}.productadminbar b{font-size:19px}.adminhead{align-items:flex-start;gap:12px;flex-direction:column}.main{padding:15px}.adminhead h1{font-size:30px}.table{min-width:700px}.panel{overflow-x:auto}.panel>.sectionhead,.panel>h2,.panel>form{min-width:0}.adminform,.profileform{grid-template-columns:1fr}.full{grid-column:auto}.accounttabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.accounttab{white-space:nowrap}.accountgrid,.addressgrid,.supportgrid{grid-template-columns:1fr}.bubble{max-width:94%}.customercard{align-items:flex-start;flex-wrap:wrap}.customercard .btn{width:100%}.productactions{flex-wrap:wrap}.productactions .btn{flex:1}.adminproductgrid{gap:12px}
}
@media(max-width:420px){.categories,.products{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.btn{padding:12px 15px}.logo{font-size:22px}.top{letter-spacing:.05em}.actions .pill{display:none}}

.authPage{min-height:100vh;background:#f4f1ea;display:grid;grid-template-columns:1.05fr .95fr}.authVisual{position:relative;min-height:100vh;overflow:hidden}.authVisual img{width:100%;height:100%;object-fit:cover}.authVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 65%)}.authVisualCopy{position:absolute;z-index:2;left:7%;right:7%;bottom:8%;color:#fff}.authVisualCopy h1{font:800 clamp(45px,6vw,82px)/.9 Arial;letter-spacing:-.05em;margin:15px 0}.authCardWrap{display:flex;align-items:center;justify-content:center;padding:45px}.authCard{width:min(450px,100%);background:#fff;padding:45px;border-radius:3px;box-shadow:0 25px 70px #1111}.authLogo{text-align:center;font:900 27px Arial;letter-spacing:.15em;margin-bottom:35px}.authCard h1{font:800 32px Arial;letter-spacing:-.04em;margin:0 0 8px}.authCard .muted{margin-bottom:25px}.authInput{height:50px;border:1px solid #d9d7d1;border-radius:0;background:#fff;padding:0 14px;width:100%;outline:none}.authInput:focus{border-color:#111}.authSubmit{height:52px;width:100%;background:#111;color:#fff;border:0;letter-spacing:.12em;font-size:10px;font-weight:800}.authLinks{text-align:center;margin-top:22px;font-size:12px}.authLinks a{text-decoration:underline}.authBack{font-size:10px;letter-spacing:.12em;font-weight:700;display:inline-block;margin-bottom:25px}
@media(max-width:750px){.authPage{display:block;min-height:100svh}.authVisual{display:none}.authCardWrap{min-height:100svh;padding:20px 15px;background:#f4f1ea}.authCard{padding:30px 22px;border-radius:2px}.authLogo{margin-bottom:25px}.authCard h1{font-size:28px}}


/* ===== ANRAHA FINAL POLISH / MOBILE FIRST ===== */
html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{width:min(1380px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.authPage{min-height:100svh;display:grid;grid-template-columns:1.08fr .92fr;background:#f4f1ea}.authVisual{position:relative;min-height:100svh}.authVisual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.authVisualShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.7))}.authVisualCopy{z-index:2;max-width:620px}.authCardWrap{padding:clamp(18px,5vw,70px);min-width:0}.authCard{width:min(500px,100%);padding:clamp(25px,4vw,48px);box-shadow:0 30px 80px rgba(20,20,20,.09);border:1px solid rgba(0,0,0,.05)}.authLogo{letter-spacing:.18em}.authIntro h1{font-size:clamp(32px,4vw,48px);line-height:.95;letter-spacing:-.05em;margin:10px 0}.authIntro p{color:#777;line-height:1.6;font-size:13px;margin:0 0 25px}.authForm{display:grid;gap:17px}.authForm label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.authForm label>span{font-weight:500;color:#999;text-transform:none;letter-spacing:0}.authInput{display:block;margin-top:8px;height:52px;box-sizing:border-box;border:1px solid #d8d6d0;background:#fff;padding:0 14px;font-size:14px;width:100%;border-radius:0}.authInput:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.05)}.authTwo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.passField{position:relative}.passField .authInput{padding-right:60px}.passField button{position:absolute;right:0;top:8px;height:52px;border:0;background:none;padding:0 12px;font-size:9px;font-weight:800;letter-spacing:.1em}.authMeta{display:flex;justify-content:space-between;align-items:center;font-size:11px}.authMeta a{text-decoration:underline}.check{display:flex!important;align-items:center;gap:7px;font-size:10px!important;letter-spacing:0!important;text-transform:none!important;font-weight:500!important}.check input{accent-color:#111}.authSubmit{height:54px;border:0;background:#111;color:#fff;font-weight:800;font-size:10px;letter-spacing:.16em;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.authSubmit:hover{background:#292929}.authSubmit span,.authCreate span{font-size:16px}.authDivider{border-top:1px solid #ddd;margin:27px 0 12px;text-align:center}.authDivider span{position:relative;top:-7px;background:#fff;padding:0 10px;font-size:8px;letter-spacing:.15em;color:#888}.authCreate{height:48px;border:1px solid #111;display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;font-weight:800;letter-spacing:.14em}.authLegal{text-align:center;color:#999;font-size:9px;line-height:1.6;margin-top:18px}.authError{background:#fff0ef;border:1px solid #f2c6c2;color:#a12b25;padding:11px 13px;font-size:11px;margin-bottom:16px}
.adminLoginBody{background:#111216}.adminLoginShell{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.adminLoginVisual{padding:55px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 30% 20%,#31343e,#101116 60%)}.adminLoginVisual>span{font:900 28px Arial;letter-spacing:.15em}.adminLoginVisual small{font-size:9px;letter-spacing:.18em;color:#777}.adminLoginCard{background:#f8f7f3;display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,6vw,90px)}.adminLoginCard .authCard{box-shadow:none;background:#fff;margin:auto}.adminLoginCard .authLogo{text-align:left}
.adminlayout{min-height:100svh}.adminBottomNav,.mobileAdminMenu,.adminOverlay{display:none}.admintop{z-index:90}.adminsearch{transition:.2s}.adminsearch:focus-within{border-color:#c9c9cc;box-shadow:0 0 0 3px #1111}.adminsearch kbd{font-size:8px;background:#fff;border:1px solid #ddd;border-radius:5px;padding:3px 5px;color:#888}.admincontent{padding-bottom:100px}
.adminhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.adminhead h1{font-size:clamp(28px,4vw,42px);margin:5px 0}.adminhead .muted{max-width:650px}
@media(max-width:800px){
 .container{width:min(100% - 28px,1380px)}.authPage{display:block;background:#f5f2ec}.authVisual{display:none}.authCardWrap{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:14px}.authCard{width:100%;max-width:520px;padding:26px 20px;box-sizing:border-box}.authRegister{padding-bottom:22px}.authLogo{margin-bottom:25px}.authTwo{grid-template-columns:1fr}.authMeta{align-items:flex-start;gap:10px;flex-direction:column}
 .adminLoginShell{display:block;background:#f5f6f8}.adminLoginVisual{min-height:145px;padding:25px;justify-content:flex-start;gap:10px}.adminLoginVisual>span{font-size:23px}.adminLoginCard{min-height:calc(100svh - 145px);padding:18px}.adminLoginCard .authCard{max-width:520px}
 .sidebar{position:fixed;z-index:110;left:0;top:0;bottom:0;width:245px!important;transform:translateX(-105%);transition:.25s;box-shadow:20px 0 50px #0005}.adminMenuOpen .sidebar{transform:none}.adminMenuOpen .adminOverlay{display:block;position:fixed;z-index:100;inset:0;background:#0008}.adminmain{margin-left:0!important;width:100%!important}.admintop{height:62px;padding:0 12px 0 52px}.adminsearch{width:min(100%,330px)}.adminactions>a,.adminactions .notif{display:none}.mobileAdminMenu{display:grid;position:fixed;z-index:120;left:12px;top:15px;width:32px;height:32px;border:0;border-radius:8px;background:#111;color:#fff;place-items:center}.admincontent{padding:17px 13px 85px}.adminBottomNav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;z-index:95;background:rgba(20,21,25,.96);backdrop-filter:blur(15px);border-radius:16px;padding:7px 4px;box-shadow:0 10px 40px #0005}.adminBottomNav a{color:#aeb1ba;text-align:center;font-size:17px;padding:6px}.adminBottomNav a span{display:block;font-size:8px;margin-top:3px}.adminBottomNav a:hover{color:#fff}
 .producteditor{grid-template-columns:1fr}.stickyeditor{position:static}.editorpanel{padding:17px}.adminproductgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adminproductbody{padding:12px}.adminproductbody h3{font-size:14px}.productactions .btn{font-size:10px;padding:9px 8px}.customergrid{grid-template-columns:1fr}.customeradmingrid,.supportlayout,.supportadminlayout{grid-template-columns:1fr}.galleryAdminGrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
 .adminsearch{width:145px}.adminsearch input{font-size:11px}.adminsearch kbd{display:none}.adminuser b{font-size:10px}.adminavatar{width:30px;height:30px}.adminheroBtns{width:100%}.adminheroBtns .btn{flex:1}.productadminbar{grid-template-columns:1fr 1fr}.productadminbar>div:last-child{grid-column:1/-1}.adminform{display:grid;grid-template-columns:1fr}.tablewrap{margin:0 -17px;padding:0 17px}.galleryAdd{display:block}.galleryAdd .btn{width:100%;margin-top:10px}.authBack{margin-bottom:18px}.authIntro h1{font-size:34px}
}
@media(max-width:360px){.adminsearch{width:125px}.authCard{padding:22px 16px}.authSubmit{font-size:9px}}