.shop-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.sl-panel{background:var(--navy);display:flex;flex-direction:column;justify-content:flex-end;padding:60px;position:relative;overflow:hidden}.sl-panel-bg{position:absolute;inset:0;background:linear-gradient(160deg,#1a2b3c,#0f1c2b)}.sl-panel-grid{position:absolute;inset:0;opacity:.05;background-image:repeating-linear-gradient(0deg,#fff 0,#fff 1px,transparent 1px,transparent 48px),repeating-linear-gradient(90deg,#fff 0,#fff 1px,transparent 1px,transparent 48px)}.sl-panel-content{position:relative;z-index:1;animation:fadeUp .6s ease both}.sl-logo{font-family:Playfair Display,serif;font-size:52px;font-weight:500;color:#fff;letter-spacing:-2px;line-height:1}.sl-logo em{color:var(--gold);font-style:normal}.sl-logo-sub{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#ffffff59;margin-top:10px}.sl-tagline{font-size:15px;color:#fff9;margin-top:24px;line-height:1.75}.sl-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.sl-pill{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:500;background:#ffffff14;color:#ffffff80;border:1px solid rgba(255,255,255,.12)}.sl-form-side{display:flex;align-items:center;justify-content:center;background:#fff;padding:40px 60px}.sl-form-wrap{width:100%;max-width:380px;animation:fadeUp .5s ease both;animation-delay:.1s}.sl-title{font-family:Playfair Display,serif;font-size:32px;font-weight:500;color:var(--navy);margin-bottom:6px}.sl-sub{font-size:14px;color:var(--text3);margin-bottom:32px}.sl-hint{margin-top:18px;font-size:12px;color:var(--text3);text-align:center}.sl-admin-link{margin-top:12px;text-align:center}.sl-admin-link a{font-size:12px;color:var(--navy);text-decoration:none;font-weight:500;opacity:.6;transition:opacity .15s}.sl-admin-link a:hover{opacity:1}.sl-hint code{background:var(--cream2);padding:2px 7px;border-radius:4px;font-family:DM Mono,monospace;color:var(--text2)}@media(max-width:768px){.shop-login{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sl-panel{padding:40px 28px 32px;justify-content:flex-start}.sl-logo{font-size:40px}.sl-tagline{display:none}.sl-form-side{padding:36px 28px;align-items:flex-start}.sl-form-wrap{max-width:100%}}.sl-link-btn{background:none;border:none;padding:0;color:var(--text3);font-size:13px;font-family:DM Sans,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.sl-link-btn:hover{color:var(--navy)}.shop-app{min-height:100vh;display:grid;grid-template-columns:260px 1fr;grid-template-rows:1fr;position:relative}.shop-sidebar{background:var(--navy);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;overflow:hidden;z-index:50}.ss-top{padding:24px 22px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.ss-logo{font-family:Playfair Display,serif;font-size:26px;font-weight:500;color:#fff;letter-spacing:-.5px}.ss-logo em{color:var(--gold);font-style:normal}.ss-logo-sub{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff40;margin-top:3px}.ss-user{padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}.ss-avatar{width:34px;height:34px;border-radius:8px;background:#2563eb99;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.ss-uname{font-size:13px;font-weight:600;color:#fff}.ss-utag{font-size:11px;color:#ffffff59}.ss-nav{flex:1;padding:12px 0;overflow-y:auto}.ss-section{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#fff3;padding:10px 22px 4px}.ss-item{display:flex;align-items:center;gap:10px;padding:9px 22px;font-size:13px;font-weight:500;color:#ffffff73;cursor:pointer;transition:all .12s;border-left:3px solid transparent;position:relative}.ss-item:hover{color:#fffc;background:#ffffff08}.ss-item.active{color:#fff;background:#2563eb26;border-left-color:#3b82f6}.ss-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0}.ss-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.ss-badge-msg{background:var(--gold);color:var(--navy)}.ss-footer{padding:16px 22px;border-top:1px solid rgba(255,255,255,.06)}.ss-logout{background:none;border:none;color:#ffffff4d;font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;transition:color .15s}.ss-logout:hover{color:#fff9}.shop-main{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.shop-topbar{position:sticky;top:0;z-index:40;background:#fafaf8f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 28px;height:60px}.topbar-title{font-family:Playfair Display,serif;font-size:20px;color:var(--navy);flex:1}.topbar-hamburger{display:none;background:none;border:none;font-size:22px;cursor:pointer;color:var(--navy);padding:4px}.topbar-cart-btn{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border:none;border-radius:24px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;position:relative;min-height:38px}.topbar-cart-btn:hover{background:var(--navy2)}.topbar-cart-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.shop-content{padding:28px;flex:1}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--navy);border-top:1px solid rgba(255,255,255,.08);z-index:100;padding:0 8px}.mbn-icon{font-size:18px}.mbn-label{font-size:9px;font-weight:500}.mbn-dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:1.5px solid var(--navy)}.mbn-dot-msg{width:auto;height:16px;min-width:16px;border-radius:8px;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px;top:-4px;right:-6px}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:49}@media(max-width:768px){.shop-app{grid-template-columns:1fr;padding-bottom:64px}.shop-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .25s cubic-bezier(.22,1,.36,1);z-index:50}.shop-sidebar.open{transform:translate(0);box-shadow:var(--sh-lg)}.shop-topbar{display:none}.mobile-bottom-nav{display:flex}.shop-content{padding:20px 16px}}.ph{margin-bottom:20px}.ph-title{font-family:Playfair Display,serif;font-size:28px;color:var(--navy)}.ph-sub{font-size:13px;color:var(--text3);margin-top:4px}.cat-sticky-header{background:var(--cream, #f9f8f5);padding:12px 0 4px}.cat-sticky-fixed{position:fixed;top:0;left:260px;right:0;z-index:30;padding:0 28px;background:var(--cream, #f9f8f5);border-bottom:1px solid var(--border);box-shadow:0 2px 12px #0a192f14}.cat-sticky-fixed .cat-sticky-header{background:transparent;padding:8px 0 4px}.cat-sticky-placeholder{height:88px}.cat-search-row{margin-bottom:14px}.cat-search{width:100%;max-width:360px;padding:10px 16px;border:1.5px solid var(--border);border-radius:24px;background:#fff;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .15s;min-height:44px}.cat-search:focus{border-color:var(--gold)}.cat-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:0;scrollbar-width:none}.cat-scroll::-webkit-scrollbar{display:none}.cat-btn{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:24px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--text3);white-space:nowrap;transition:all .12s;min-height:36px}.cat-btn:hover{border-color:var(--navy);color:var(--navy)}.cat-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.catalog-sections{padding-top:24px;padding-bottom:100px}.cat-section{margin-bottom:40px}.cat-section-header{font-family:Playfair Display,serif;font-size:20px;font-weight:600;color:var(--navy);margin-bottom:14px;padding-bottom:10px;border-bottom:1.5px solid var(--border);scroll-margin-top:140px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh);animation:fadeUp .4s ease both;transition:border-color .15s,box-shadow .15s}.product-card:hover{box-shadow:var(--sh-md)}.product-card.in-cart{border-color:#3b82f6}.pc-top{aspect-ratio:3 / 2;position:relative;overflow:hidden;background:var(--cream2)}.pc-img{width:100%;height:100%;object-fit:cover;display:block}.pc-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:36px;font-weight:600;color:var(--navy3);background:var(--cream2);transition:background .15s}.product-card:hover .pc-no-img{background:var(--cream3)}.product-card.in-cart .pc-top{outline:2px solid #3B82F6;outline-offset:-2px}.pc-in-cart-badge{position:absolute;top:8px;right:8px;background:#3b82f6;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.pc-body{padding:14px}.pc-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:4px}.pc-desc{font-size:11px;color:var(--text3);margin-bottom:4px;line-height:1.4}.pc-unit-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pc-unit{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text3)}.pc-price{font-family:DM Mono,monospace;font-size:14px;font-weight:600;color:var(--navy)}.pc-price-na{font-size:11px;color:var(--text3);font-style:italic}.pc-actions{display:flex;align-items:center;gap:8px;justify-content:space-between}.pc-qty{display:flex;align-items:center;gap:6px}.qty-btn{width:28px;height:28px;border-radius:6px;border:1.5px solid var(--border);background:var(--cream2);font-size:16px;font-weight:600;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.qty-btn:hover:not(:disabled){border-color:var(--navy);color:var(--navy)}.qty-btn:disabled{opacity:.3;cursor:default}.qty-num{font-family:DM Mono,monospace;font-size:14px;font-weight:500;min-width:20px;text-align:center}.pc-add{background:var(--navy);color:#fff;border:none;transition:all .15s;font-size:11px;padding:6px 12px}.pc-add:hover{background:var(--navy2)}.pc-add.added{background:#16a34a}.cart-fab{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--navy);color:#fff;border-radius:14px;padding:14px 20px;min-width:320px;max-width:calc(100vw - 48px);box-shadow:0 8px 32px #0a192f59;cursor:pointer;transition:transform .15s,box-shadow .15s;animation:fab-in .2s ease}.cart-fab:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 12px 40px #0a192f73}@keyframes fab-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cart-fab-info{display:flex;align-items:center;gap:6px}.cart-fab-count{font-weight:700;font-size:15px}.cart-fab-units{font-size:13px;color:#fff9}.cart-fab-btn{background:var(--gold);color:var(--navy);font-weight:700;font-size:13px;padding:8px 16px;border-radius:8px;white-space:nowrap}@media(max-width:1200px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cat-sticky-fixed{top:0;left:0;padding:0 16px}.cat-section-header{scroll-margin-top:100px}.cart-fab{bottom:84px}}@media(max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pc-icon{font-size:30px}.pc-body{padding:10px}.pc-name{font-size:12px}.ph-title{font-size:22px}}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.cart-items .card-head{font-family:Playfair Display,serif;font-size:18px}.cart-item{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:none}.ci-thumb{width:90px;aspect-ratio:3 / 2;border-radius:8px;flex-shrink:0;overflow:hidden;border:1px solid var(--border);background:var(--cream2);display:flex;align-items:center;justify-content:center}.ci-img{width:100%;height:100%;object-fit:cover;display:block}.ci-letter{font-family:Playfair Display,serif;font-size:22px;font-weight:600;color:var(--navy3);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ci-info{flex:1;min-width:0}.ci-name{font-size:14px;font-weight:600;color:var(--text)}.ci-desc{font-size:11px;color:var(--text3);margin-top:2px}.ci-qty-ctrl{display:flex;align-items:center;gap:6px;flex-shrink:0}.ci-qty-num{font-family:DM Mono,monospace;font-size:13px;font-weight:600;color:var(--navy);min-width:44px;text-align:center;white-space:nowrap}.ci-unit{font-size:11px;font-weight:400;color:var(--text3)}.ci-price{font-family:DM Mono,monospace;font-size:13px;font-weight:600;color:var(--green);white-space:nowrap;flex-shrink:0}.co-total{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--navy);color:#fff;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:13px}.co-total-val{font-family:DM Mono,monospace;font-size:20px;font-weight:700;color:var(--gold2)}.ci-rm{background:none;border:none;font-size:20px;color:var(--text3);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .12s;flex-shrink:0}.ci-rm:hover{background:var(--red-lt);color:var(--red)}.cart-order-card{overflow:hidden}.co-head{background:var(--navy);padding:20px 22px}.co-head-title{font-family:Playfair Display,serif;font-size:18px;color:#fff}.co-head-sub{font-size:12px;color:#ffffff73;margin-top:4px}.co-body{padding:20px 22px}.co-summary{background:var(--cream2);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--text2);margin-bottom:18px}.co-divider{border:none;border-top:1px solid var(--border);margin:16px 0}.co-note{font-size:12px;color:var(--text3);line-height:1.5}.cart-success{text-align:center;padding:80px 20px;animation:fadeUp .4s ease both}.cs-icon{font-size:64px;margin-bottom:20px}.cs-title{font-family:Playfair Display,serif;font-size:32px;color:var(--navy);margin-bottom:10px}.cs-sub{font-size:15px;color:var(--text3);line-height:1.6}@media(max-width:900px){.cart-layout{grid-template-columns:1fr}}@media(max-width:480px){.cart-item{padding:12px 14px;gap:10px}.ci-thumb{width:70px}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);background-image:radial-gradient(ellipse at 20% 50%,rgba(201,168,76,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 10%,rgba(201,168,76,.07) 0%,transparent 50%);padding:20px}.al-card{width:100%;max-width:420px;background:var(--cream);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-lg);animation:scaleIn .5s cubic-bezier(.22,1,.36,1) both}.al-head{background:var(--navy);padding:34px 38px 28px;position:relative;overflow:hidden}.al-head:before{content:"";position:absolute;bottom:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:#c9a84c1f}.al-logo{font-family:Playfair Display,serif;font-size:38px;font-weight:500;color:#fff;letter-spacing:-1px}.al-logo em{color:var(--gold);font-style:normal}.al-sub{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#ffffff59;margin-top:6px}.al-tagline{font-size:13px;color:#ffffff80;margin-top:12px;font-style:italic;font-family:Playfair Display,serif;position:relative}.al-body{padding:34px 38px}.al-title{font-family:Playfair Display,serif;font-size:22px;color:var(--navy);margin-bottom:4px}.al-subtitle{font-size:13px;color:var(--text3);margin-bottom:26px}.al-err{font-size:12px;color:var(--red);margin-bottom:10px}.al-hint{margin-top:16px;text-align:center;font-size:12px;color:var(--text3)}.al-hint code{background:var(--cream2);padding:2px 7px;border-radius:4px;font-family:DM Mono,monospace;color:var(--text2)}.form-input.error{border-color:var(--red)}@media(max-width:480px){.al-head{padding:28px 24px 22px}.al-body{padding:28px 24px}}.admin-app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.admin-sidebar{background:var(--navy);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;overflow:hidden;z-index:50}.as-logo{padding:26px 22px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.as-logo-text{font-family:Playfair Display,serif;font-size:26px;font-weight:500;color:#fff;letter-spacing:-.5px}.as-logo-text em{color:var(--gold);font-style:normal}.as-logo-sub{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff40;margin-top:3px}.as-badge{display:inline-block;margin-top:10px;background:#c9a84c26;border:1px solid rgba(201,168,76,.3);color:var(--gold2);font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:4px}.as-nav{flex:1;padding:10px 0;overflow-y:auto}.as-section{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#fff3;padding:12px 22px 4px}.as-item{display:flex;align-items:center;gap:10px;padding:9px 22px;font-size:13px;font-weight:500;color:#ffffff73;cursor:pointer;transition:all .12s;border-left:3px solid transparent}.as-item:hover{color:#fffc;background:#ffffff08}.as-item.active{color:#fff;background:#c9a84c1a;border-left-color:var(--gold)}.as-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.as-badge-dot{margin-left:auto;background:var(--gold);color:var(--navy);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.as-footer{padding:16px 22px;border-top:1px solid rgba(255,255,255,.06)}.as-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.as-avatar{width:32px;height:32px;border-radius:8px;background:#c9a84c40;border:1px solid rgba(201,168,76,.4);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold2);flex-shrink:0}.as-uname{font-size:13px;font-weight:600;color:#fff}.as-urole{font-size:11px;color:#ffffff4d}.as-logout{background:none;border:none;color:#ffffff40;font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;transition:color .15s}.as-logout:hover{color:#ffffff80}.admin-main{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.admin-topbar{position:sticky;top:0;z-index:40;background:#fafaf8f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 28px;height:58px}.topbar-hamburger{display:none;background:none;border:none;font-size:22px;cursor:pointer;color:var(--navy);padding:4px;min-width:44px;min-height:44px;justify-content:center;align-items:center}.topbar-title{font-family:Playfair Display,serif;font-size:19px;color:var(--navy);flex:1}.admin-date{font-size:12px;color:var(--text3);white-space:nowrap}.admin-content{padding:26px 28px;flex:1}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--navy);border-top:1px solid rgba(255,255,255,.08);z-index:100}.mbn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:#fff6;font-family:DM Sans,sans-serif;transition:color .12s;position:relative;padding:8px 4px}.mbn-item.active{color:#fff}.mbn-icon{font-size:20px}.mbn-label{font-size:10px;font-weight:500}.mbn-dot{position:absolute;top:8px;right:calc(50% - 14px);width:7px;height:7px;background:var(--gold);border-radius:50%;border:1.5px solid var(--navy)}@media(max-width:768px){.admin-app{grid-template-columns:1fr;padding-bottom:64px}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;transform:translate(-100%);transition:transform .25s cubic-bezier(.22,1,.36,1)}.admin-sidebar.open{transform:translate(0);box-shadow:var(--sh-lg)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:49}.admin-topbar,.admin-date{display:none}.mobile-bottom-nav{display:flex}.admin-content{padding:18px 16px}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--sh)}.stat-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.stat-value{font-family:Playfair Display,serif;font-size:38px;color:var(--navy);line-height:1}.stat-sub{font-size:12px;color:var(--text3);margin-top:8px;display:flex;align-items:center;gap:5px}.stat-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dash-grid{grid-template-columns:1fr}}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 16px}.stat-value{font-size:30px}}@media(max-width:360px){.stats-grid{grid-template-columns:1fr 1fr}}.modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--sh-lg);animation:scaleIn .25s cubic-bezier(.22,1,.36,1) both}.modal-head{padding:22px 26px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{font-family:Playfair Display,serif;font-size:22px;color:var(--navy);line-height:1.2}.modal-sub{font-size:13px;color:var(--text3);margin-top:4px}.modal-close{background:none;border:none;font-size:22px;line-height:1;color:var(--text3);cursor:pointer;padding:2px 4px;flex-shrink:0}.modal-close:hover{color:var(--text)}.modal-body{padding:22px 26px}.modal-footer{padding:16px 26px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:600px){.modal{max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-overlay{align-items:flex-end;padding:0}.modal-footer{justify-content:stretch}.modal-footer .btn{flex:1}}.filter-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-select{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:13px;color:var(--text2);background:#fff;outline:none;cursor:pointer;min-height:44px}.order-id{font-family:DM Mono,monospace;font-size:11px;color:var(--text3)}.item-count{font-family:DM Mono,monospace;font-size:13px;font-weight:600;color:var(--navy)}.order-bell{font-size:16px;opacity:.2;position:relative;display:inline-flex;align-items:center}.order-bell-active{opacity:1}.order-bell-count{position:absolute;top:-6px;right:-8px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.detail-item{background:var(--cream2);border-radius:var(--radius);padding:12px 14px}.detail-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:6px}.detail-val{font-size:14px;font-weight:500;color:var(--text)}.order-messages-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--cream2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}.order-messages-info{font-size:13px;color:var(--text2)}.order-messages-info strong{color:#ef4444}.order-note{background:var(--amber-lt);border:1px solid #FDE68A;border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;font-size:13px;color:var(--amber);line-height:1.5}.order-items-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.order-items{display:flex;flex-direction:column;gap:8px}.order-item-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--cream2);border-radius:var(--radius)}.oi-icon{font-size:20px;flex-shrink:0}.oi-name{flex:1;font-size:13px;font-weight:600;color:var(--text);min-width:0}.oi-qty{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--navy);background:#fff;border:1px solid var(--border);padding:3px 10px;border-radius:6px;white-space:nowrap;flex-shrink:0}@media(max-width:600px){.order-detail-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-input{min-width:unset}}.cat-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.cat-tab{padding:6px 14px;border-radius:20px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--text3);transition:all .12s;white-space:nowrap;min-height:36px}.cat-tab:hover{border-color:var(--navy);color:var(--navy)}.cat-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.filter-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.filter-input{flex:1;min-width:200px;padding:10px 16px;border:1.5px solid var(--border);border-radius:var(--radius);background:#fff;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);outline:none;transition:border-color .15s;min-height:44px}.filter-input:focus{border-color:var(--gold)}.result-count{font-size:12px;color:var(--text3);white-space:nowrap}.price-badge{font-family:DM Mono,monospace;font-size:13px;font-weight:600;color:var(--green);background:var(--green-lt);padding:2px 8px;border-radius:6px;white-space:nowrap}.unit-badge{font-family:DM Mono,monospace;font-size:11px;background:var(--cream2);padding:2px 8px;border-radius:5px;color:var(--text2)}.action-btns{display:flex;gap:6px;flex-wrap:nowrap}.product-thumb-32{width:162px;aspect-ratio:3 / 2;border-radius:8px;overflow:hidden;background:var(--cream2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-thumb-32 img{width:100%;height:100%;object-fit:cover;display:block}.product-thumb-letter{font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:var(--navy3)}.view-modal-img-wrap{width:100%;aspect-ratio:3 / 2;border-radius:10px;overflow:hidden;background:var(--cream2);border:1px solid var(--border)}.view-modal-img{width:100%;height:100%;object-fit:cover;display:block}.delete-preview{display:flex;align-items:center;gap:14px;background:var(--red-lt);border-radius:var(--radius);padding:16px}.dp-name{font-weight:700;font-size:15px;color:var(--red)}.dp-desc{font-size:13px;color:var(--text3);margin-top:3px}.img-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;border:2px dashed var(--border);border-radius:10px;background:var(--cream2);cursor:pointer;transition:border-color .15s,background .15s;min-height:110px;text-align:center}.img-upload-area:hover{border-color:var(--gold);background:var(--gold-lt)}.img-upload-icon{font-size:28px}.img-upload-text{font-size:13px;font-weight:600;color:var(--text2)}.img-upload-hint{font-size:11px;color:var(--text3)}.img-preview-wrap{position:relative;display:inline-block}.img-preview-wrap{width:100%;aspect-ratio:3 / 2;border-radius:10px;overflow:hidden;border:1.5px solid var(--border);background:var(--cream2)}.img-preview{width:100%;height:100%;object-fit:cover;display:block}.img-remove-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .12s}.img-remove-btn:hover{background:#000000d9}.users-loading{text-align:center;padding:60px 20px;font-size:14px;color:var(--text3)}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-lg{width:48px;height:48px;font-size:16px}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.role-partner{background:var(--blue-lt);color:var(--blue)}.role-admin{background:var(--amber-lt);color:var(--amber)}.badge-banned{background:var(--red-lt);color:var(--red);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.badge-pending{background:#fef3c7;color:#92400e;font-size:11px;font-weight:600}.badge-active{background:var(--green-lt);color:var(--green);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.btn-warn{background:var(--amber-lt);color:var(--amber);border:1.5px solid #F59E0B;font-weight:600}.btn-warn:hover{background:#fde68a}.method-toggle{display:flex;gap:0;border:1.5px solid var(--border);border-radius:8px;overflow:hidden}.method-btn{flex:1;padding:9px 12px;font-size:13px;font-weight:600;border:none;background:var(--cream);color:var(--text3);cursor:pointer;transition:all .15s}.method-btn:not(:last-child){border-right:1.5px solid var(--border)}.method-btn:hover:not(.method-btn-active){background:#f0efed}.method-btn-active{background:var(--navy);color:#fff}.form-divider{border:none;border-top:1px solid var(--border);margin:4px 0 12px}.msg-layout{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 58px);margin:-26px -28px;overflow:hidden}.msg-sidebar{border-right:1px solid var(--border);background:#fff;overflow-y:auto;display:flex;flex-direction:column}.msg-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:1}.msg-sidebar-title{font-family:Playfair Display,serif;font-size:17px;font-weight:600;color:var(--navy)}.msg-unread-total{background:var(--gold);color:var(--navy);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.msg-sidebar-empty{padding:40px 16px;text-align:center;font-size:13px;color:var(--text3)}.msg-conv-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--cream3)}.msg-conv-item:hover{background:var(--cream2)}.msg-conv-item.active{background:var(--gold-lt);border-left:3px solid var(--gold)}.msg-conv-avatar{width:40px;height:40px;border-radius:10px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:DM Mono,monospace}.status-av-pending{background:var(--navy)}.status-av-confirmed{background:var(--blue)}.status-av-delivered{background:var(--green)}.status-av-cancelled{background:var(--text3)}.msg-conv-avatar-sm{width:36px;height:36px;font-size:12px}.msg-group-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);padding:10px 16px 4px;background:var(--cream2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.msg-group-label-dim{opacity:.6}.msg-bell{font-size:14px;opacity:.2;flex-shrink:0;line-height:1;transition:opacity .15s}.msg-bell-active{opacity:1;animation:bell-ring .4s ease}@keyframes bell-ring{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.msg-conv-order-num{font-size:11px;font-weight:400;color:var(--text3)}.msg-conv-info{flex:1;min-width:0}.msg-conv-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-conv-preview{font-size:12px;color:var(--text3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-conv-badge{background:var(--gold);color:var(--navy);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.msg-chat{display:flex;flex-direction:column;background:var(--cream2);overflow:hidden;min-height:0}.msg-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text3)}.msg-empty-title{font-family:Playfair Display,serif;font-size:20px;color:var(--navy)}.msg-empty-sub{font-size:13px;margin-top:6px}.msg-chat-head{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--border)}.msg-chat-name{font-size:15px;font-weight:700;color:var(--navy)}.msg-chat-sub{font-size:12px;color:var(--text3);margin-top:1px}.msg-messages{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px}.msg-no-messages{text-align:center;font-size:13px;color:var(--text3);margin:auto}.msg-bubble-wrap{display:flex}.msg-bubble-wrap.outgoing{justify-content:flex-end}.msg-bubble-wrap.incoming{justify-content:flex-start}.msg-bubble{max-width:70%;border-radius:16px;padding:10px 14px}.bubble-admin{background:var(--navy);color:#fff;border-bottom-right-radius:4px}.bubble-partner{background:#fff;color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-bubble-text{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg-bubble-time{font-size:10px;margin-top:4px;opacity:.55;text-align:right}.msg-input-area{display:flex;align-items:flex-end;gap:10px;padding:14px 20px;background:#fff;border-top:1px solid var(--border)}.msg-input{flex:1;padding:10px 14px;border:1.5px solid var(--border);border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);resize:none;outline:none;min-height:44px;max-height:120px;overflow-y:auto;transition:border-color .15s;background:var(--cream2)}.msg-input:focus{border-color:var(--gold);background:#fff}.msg-send-btn{width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.msg-send-btn:hover:not(:disabled){background:var(--navy2)}.msg-send-btn:disabled{opacity:.4;cursor:default}.msg-new-btn{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--border);background:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .12s}.msg-new-btn:hover{background:var(--cream2)}.msg-picker-overlay{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.msg-picker{background:#fff;border-radius:16px;width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden}.msg-picker-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid var(--border)}.msg-picker-title{font-family:Playfair Display,serif;font-size:17px;color:var(--navy)}.msg-picker-close{background:none;border:none;font-size:18px;color:var(--text3);cursor:pointer;padding:4px}.msg-picker-search{margin:12px 16px;padding:9px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;outline:none}.msg-picker-search:focus{border-color:var(--gold)}.msg-picker-list{flex:1;overflow-y:auto;padding-bottom:8px}.msg-picker-item{padding:11px 20px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--cream3)}.msg-picker-item:hover{background:var(--cream2)}.msg-picker-name{font-size:14px;font-weight:600;color:var(--text)}.msg-picker-meta{font-size:12px;color:var(--text3);margin-top:2px}.msg-picker-empty{padding:30px 20px;text-align:center;font-size:13px;color:var(--text3)}.msg-back-btn{background:none;border:none;color:var(--text2);font-family:DM Sans,sans-serif;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .1s;flex-shrink:0}.msg-back-btn:hover{background:var(--cream2)}@media(max-width:768px){.msg-layout{position:fixed;inset:0 0 64px;margin:0;height:auto;grid-template-columns:1fr;z-index:10}.mobile-hidden{display:none!important}.hide-on-desktop{display:flex}}.shop-msg-layout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 60px);margin:-28px;overflow:hidden}.shop-msg-sidebar{border-right:1px solid var(--border);background:#fff;display:flex;flex-direction:column;overflow-y:auto}.shop-msg-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:1}.shop-msg-sidebar-title{font-family:Playfair Display,serif;font-size:17px;font-weight:600;color:var(--navy)}.shop-msg-unread-total{background:var(--gold);color:var(--navy);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.shop-msg-sidebar-empty{padding:40px 16px;text-align:center;font-size:13px;color:var(--text3);line-height:1.6}.shop-conv-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--cream3)}.shop-conv-item:hover{background:var(--cream2)}.shop-conv-item.active{background:var(--gold-lt);border-left:3px solid var(--gold);padding-left:13px}.shop-conv-item.has-unread{background:#f0f9ff}.shop-conv-item.has-unread.active{background:var(--gold-lt)}.shop-conv-av{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;font-family:DM Mono,monospace}.status-bg-pending{background:var(--navy)}.status-bg-confirmed{background:var(--blue)}.status-bg-delivered{background:var(--green)}.status-bg-cancelled{background:var(--text3)}.shop-conv-body{flex:1;min-width:0}.shop-conv-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.shop-conv-num{font-size:13px;font-weight:600;color:var(--text)}.conv-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-pending{background:var(--amber)}.status-confirmed{background:var(--blue)}.status-delivered{background:var(--green)}.status-cancelled{background:var(--text3)}.shop-conv-preview{font-size:12px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-conv-preview.bold{font-weight:600;color:var(--text2)}.shop-conv-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.shop-conv-time{font-size:10px;color:var(--text3)}.shop-conv-badge{background:var(--gold);color:var(--navy);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.shop-msg-chat{display:flex;flex-direction:column;background:var(--cream2);overflow:hidden;min-height:0}.shop-msg-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text3);text-align:center;padding:20px}.shop-msg-empty-title{font-family:Playfair Display,serif;font-size:20px;color:var(--navy);margin-bottom:6px}.shop-msg-empty-sub{font-size:13px;max-width:300px}.shop-msg-chat-head{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--border)}.shop-msg-chat-head-info{flex:1;min-width:0}.shop-msg-chat-name{font-family:Playfair Display,serif;font-size:15px;color:var(--navy);font-weight:600}.shop-msg-chat-sub{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text3);margin-top:2px}.shop-msg-chat-avatar{width:36px;height:36px;border-radius:50%;background:#c9a84c33;color:var(--gold);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-msg-chat-party-name{font-size:13px;font-weight:600;color:var(--navy)}.shop-msg-chat-party-status{font-size:11px;color:var(--green)}.shop-msg-order-banner{display:flex;flex-wrap:wrap;gap:5px;padding:8px 18px;background:var(--gold-lt);border-bottom:1px solid var(--border)}.shop-msg-order-chip{font-size:11px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:2px 9px;color:var(--text2)}.shop-msg-messages{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.shop-msg-no-msgs{margin:auto;text-align:center;font-size:13px;color:var(--text3);padding:20px}.shop-msg-bubble-wrap{display:flex}.shop-msg-bubble-wrap.outgoing{justify-content:flex-end}.shop-msg-bubble-wrap.incoming{justify-content:flex-start}.shop-msg-bubble{max-width:78%;border-radius:16px;padding:10px 14px}.bubble-partner{background:var(--navy);color:#fff;border-bottom-right-radius:4px}.bubble-admin{background:#fff;color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.shop-msg-text{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.shop-msg-time{font-size:10px;margin-top:4px;opacity:.5;text-align:right}.shop-msg-input-area{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid var(--border)}.shop-msg-input{flex:1;padding:10px 14px;border:1.5px solid var(--border);border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;resize:none;outline:none;min-height:44px;max-height:100px;overflow-y:auto;background:var(--cream2);transition:border-color .15s}.shop-msg-input:focus{border-color:var(--gold);background:#fff}.shop-msg-send{width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.shop-msg-send:hover:not(:disabled){background:var(--navy2)}.shop-msg-send:disabled{opacity:.35;cursor:default}.shop-msg-new-btn{width:28px;height:28px;border-radius:8px;border:1.5px solid rgba(255,255,255,.2);background:#ffffff14;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:background .12s}.shop-msg-new-btn:hover{background:#ffffff26}.shop-msg-picker-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.shop-msg-picker{background:#fff;border-radius:16px;width:100%;max-width:380px;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.shop-msg-picker-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.shop-msg-picker-title{font-family:Playfair Display,serif;font-size:16px;color:var(--navy)}.shop-msg-picker-close{background:none;border:none;font-size:18px;color:var(--text3);cursor:pointer;padding:4px}.shop-msg-picker-search{margin:12px 16px;padding:9px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;outline:none}.shop-msg-picker-search:focus{border-color:var(--gold)}.shop-msg-picker-list{flex:1;overflow-y:auto;padding-bottom:8px}.shop-msg-picker-item{padding:11px 20px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--cream3)}.shop-msg-picker-item:hover{background:var(--cream2)}.shop-msg-picker-num{font-size:14px;font-weight:600;color:var(--text)}.shop-msg-picker-meta{font-size:12px;color:var(--text3);margin-top:2px}.shop-msg-picker-empty{padding:30px 20px;text-align:center;font-size:13px;color:var(--text3)}.shop-msg-back{background:none;border:none;color:var(--text2);font-family:DM Sans,sans-serif;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .1s;flex-shrink:0}.shop-msg-back:hover{background:var(--cream2)}@media(max-width:768px){.shop-msg-layout{position:fixed;inset:0 0 64px;margin:0;height:auto;grid-template-columns:1fr;z-index:10}.mobile-hidden{display:none}.hide-on-desktop{display:flex}}@media(min-width:769px){.hide-on-desktop{display:none!important}.mobile-hidden{display:flex!important}}.mo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:14px;color:var(--text3);font-size:13px}.mo-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}.mo-section{margin-bottom:28px}.mo-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:12px}.mo-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mo-dot.active{background:var(--green);box-shadow:0 0 0 3px var(--green-lt)}.mo-dot.past{background:var(--text3)}.mo-count{margin-left:auto;background:var(--cream2);border:1px solid var(--border);border-radius:20px;padding:1px 9px;font-size:11px;font-weight:600;color:var(--text2)}.mo-list{display:flex;flex-direction:column;gap:10px}.mo-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:16px 18px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.mo-card:hover{box-shadow:var(--sh);border-color:var(--gold)}.mo-bell-btn{background:var(--cream2);border:1.5px solid var(--border);font-size:15px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0;transition:background .12s,border-color .12s;margin-right:10px}.mo-bell-btn:hover{background:var(--cream3);border-color:var(--gold)}.mo-bell-btn.mo-bell-active{border-color:var(--gold);background:var(--gold-lt)}.mo-bell-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #fff}.mo-card-unread{border-color:var(--gold);background:var(--gold-lt)}.mo-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mo-card-num{flex:1}.mo-card-num{font-weight:700;font-size:14px;color:var(--navy)}.mo-card-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text3)}.mo-card-note{margin-top:8px;font-size:12px;color:var(--text2);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.mo-card{padding:13px 14px}.mo-card-num{font-size:13px}}.accept-invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);padding:20px}.ai-card{width:100%;max-width:420px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 64px #0000004d}.ai-head{background:var(--navy);padding:36px 32px 28px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}.ai-logo{font-family:Playfair Display,serif;font-size:38px;font-weight:500;color:#fff;letter-spacing:-.5px}.ai-logo em{color:var(--gold);font-style:normal}.ai-sub{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff40;margin-top:4px}.ai-tagline{font-size:12px;color:#fff6;margin-top:12px;line-height:1.5}.ai-body{padding:28px 32px 32px}.ai-title{font-family:Playfair Display,serif;font-size:20px;color:var(--navy);font-weight:600;margin-bottom:4px}.ai-hint{font-size:13px;color:var(--text3);line-height:1.5}.ai-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0;color:var(--text3);font-size:13px}.ai-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-error-box{display:flex;align-items:flex-start;gap:12px;background:var(--red-lt);border:1.5px solid #fca5a5;border-radius:10px;padding:16px;font-size:13px;color:var(--red);line-height:1.5;margin:8px 0}.ai-error-icon{font-size:18px;flex-shrink:0}.ai-err{font-size:12px;color:var(--red);margin-top:6px;margin-bottom:0}.toast{position:fixed;bottom:24px;right:24px;z-index:500;background:var(--navy);color:#fff;padding:13px 22px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;box-shadow:var(--sh-lg);animation:fadeUp .3s ease both;max-width:calc(100vw - 48px)}.toast em{color:var(--gold2);font-style:normal}@media(max-width:480px){.toast{bottom:80px;left:16px;right:16px;text-align:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #111827;--navy2: #1F2937;--navy3: #374151;--cream: #FAFAF8;--cream2: #F3F2EE;--cream3: #E8E5DE;--gold: #C9A84C;--gold2: #E5C97A;--gold-lt: #FBF5E6;--text: #111827;--text2: #4B5563;--text3: #9CA3AF;--border: #E5E2DB;--green: #065F46;--green-lt: #D1FAE5;--amber: #92400E;--amber-lt: #FEF3C7;--red: #991B1B;--red-lt: #FEE2E2;--blue: #1D4ED8;--blue-lt: #DBEAFE;--sh: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--sh-md: 0 4px 20px rgba(0,0,0,.08);--sh-lg: 0 12px 40px rgba(0,0,0,.14);--radius: 10px;--radius-lg: 16px}html,body,#root{height:100%}body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cream3);border-radius:10px}.font-serif{font-family:Playfair Display,serif}.font-mono{font-family:DM Mono,monospace}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.anim-fadeUp{animation:fadeUp .4s ease both}.anim-fadeIn{animation:fadeIn .3s ease both}.anim-scaleIn{animation:scaleIn .3s cubic-bezier(.22,1,.36,1) both}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-pending{background:var(--amber-lt);color:var(--amber)}.badge-confirm{background:var(--blue-lt);color:var(--blue)}.badge-deliver{background:var(--green-lt);color:var(--green)}.badge-cancel{background:var(--red-lt);color:var(--red)}.badge-active{background:var(--green-lt);color:var(--green)}.badge-hidden{background:var(--red-lt);color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;white-space:nowrap;min-height:44px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy2)}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{background:var(--gold2)}.btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--navy)}.btn-danger{background:var(--red-lt);color:var(--red)}.btn-danger:hover{background:#fecaca}.btn-ghost{background:var(--cream2);color:var(--text2)}.btn-ghost:hover{background:var(--cream3)}.btn-sm{padding:6px 14px;font-size:12px;min-height:34px;border-radius:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.auth-logo-img{width:120px;height:120px;object-fit:contain;border-radius:16px;margin-bottom:8px}.as-logo-img{width:80px;height:80px;object-fit:contain;border-radius:12px;display:block;margin-bottom:4px}.ss-logo-img{width:72px;height:72px;object-fit:contain;border-radius:12px;display:block}.form-group{margin-bottom:18px}.form-label{display:block;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:7px}.form-input,.form-select,.form-textarea{width:100%;max-width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:16px;color:var(--text);background:var(--cream);outline:none;transition:border-color .15s,box-shadow .15s;min-height:44px;-webkit-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.table-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}thead th{background:var(--cream2);padding:12px 16px;text-align:left;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .1s;cursor:pointer}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--cream)}tbody td{padding:13px 16px;font-size:13px;color:var(--text2);vertical-align:middle}.td-name{font-weight:600;color:var(--text);font-size:14px}.td-meta{font-size:11px;color:var(--text3);margin-top:2px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--sh)}.card-head{padding:16px 20px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--navy)}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-txt{font-size:15px;color:var(--text3)}.sec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.sec-title{font-family:Playfair Display,serif;font-size:22px;color:var(--navy);line-height:1.2}.sec-sub{font-size:13px;color:var(--text3);margin-top:3px}.modal-overlay{position:fixed;inset:0;background:#11182799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}