.admin-body{background:#f5f5f1}.admin-body h2{letter-spacing:-.8px}#login-view{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}.login-story{background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:48px 10%;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1d1d1bf5,#1d1d1b98),url('/assets/hero.webp') center/cover;z-index:0}.login-story>*{position:relative;z-index:1}.login-logo{filter:invert(1);mix-blend-mode:screen;width:185px}.login-story .eyebrow{color:#c5bda9;font-size:8px}.login-story h1{font:52px/1.15 var(--serif);letter-spacing:-1.4px;margin-bottom:27px}.login-story p{font-size:12px;line-height:2;color:#d1cfc7}.login-foot{font-size:8px;letter-spacing:2px;color:#aaa89e}.login-form-side{display:flex;flex-direction:column;padding:45px 12%;background:var(--paper)}.back-shop{font-size:11px}.login-form-side form{margin:auto 0;padding:65px 0;max-width:390px;width:100%}.login-form-side h2{font-size:34px}.login-form-side form>p:not(.login-local){font-size:12px;color:var(--muted);margin:14px 0 35px}.login-form-side .field{font-size:11px;margin-bottom:23px}.login-form-side input{background:transparent;min-height:47px}.login-local{text-align:center;font-size:9px;color:var(--muted);margin-top:25px}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;right:10px;top:11px}.password-field .icon{width:18px;height:18px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--ink);color:#e7e5de;padding:28px 20px;display:flex;flex-direction:column;z-index:12}.admin-brand{display:block;padding:0 10px}.admin-brand img{width:166px;filter:invert(1);mix-blend-mode:screen}.sidebar-caption{font-size:7px;letter-spacing:1.8px;color:#98978d;margin:30px 12px 16px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;gap:13px;align-items:center;padding:12px 13px;font-size:11px;color:#b9b8af;border-radius:3px}.sidebar nav a .icon{width:18px;height:18px}.sidebar nav a:hover{background:#ffffff0a}.sidebar nav a.active{background:#ffffff13;color:white;border-left:2px solid #b2a27c;padding-left:11px}.sidebar-bottom{margin-top:auto;padding:30px 12px 0}.local-status{display:flex;gap:8px;align-items:center;font-size:9px;color:#d0cfc4}.local-status span{width:5px;height:5px;border-radius:50%;background:#b9c4a8}.sidebar-bottom p{color:#919087;font-size:9px;line-height:1.9;margin-top:14px}.sidebar-bottom button{font-size:10px;color:#bbb9ae;display:flex;gap:10px;align-items:center;margin-top:24px;padding:0}.sidebar-bottom button .icon{width:15px;height:15px}.admin-workspace{margin-left:224px;min-height:100dvh;display:flex;flex-direction:column}.admin-top{background:#fff;height:73px;display:flex;justify-content:space-between;align-items:center;padding:0 35px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;gap:15px;font-size:10px;color:var(--muted)}.breadcrumbs span{color:#c2c0b6}.breadcrumbs strong{font-weight:400;color:var(--ink)}.admin-top>div:last-child{display:flex;gap:25px;align-items:center}.view-store{font-size:10px}.admin-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);font:17px var(--serif)}.admin-content{padding:32px 35px 40px;flex:1;max-width:1550px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-heading .eyebrow{font-size:8px;margin-bottom:8px}.page-heading h1{font:34px/1.2 var(--serif);letter-spacing:-.7px}.page-heading p{font-size:11px;color:var(--muted);margin-top:9px}.page-heading .btn{padding:10px 16px;min-height:39px;font-size:10px}.period{padding:10px 12px;background:white;border:1px solid var(--line);font-size:10px;min-width:133px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{background:white;border:1px solid var(--line);padding:20px;min-width:0}.metric-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:8px}.metric-top .icon{width:17px;height:17px;color:var(--accent)}.metric-number{font-size:30px;letter-spacing:-1px;margin-top:20px;line-height:1.1}.metric-caption{font-size:8px;color:var(--muted);margin-top:13px}.metric-card.highlight{background:var(--ink);color:white;border-color:var(--ink)}.metric-card.highlight .metric-top,.metric-card.highlight .metric-caption{color:#bcbbae}.metric-card.highlight .icon{color:#d4c5a5}.dashboard-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:19px;margin-top:20px}.panel{background:white;border:1px solid var(--line);min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:20px}.panel-header h2{font:13px var(--sans);font-weight:500;letter-spacing:0}.panel-header p{font-size:9px;color:var(--muted);margin-top:4px}.panel-header a{font-size:9px;color:var(--muted)}.chart{padding:0 18px 12px}.chart svg{width:100%;display:block}.chart-legend{display:flex;gap:18px;padding:0 22px 20px;font-size:8px;color:var(--muted)}.chart-legend span{display:flex;gap:6px;align-items:center}.dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--accent)}.dot.gray{background:#bdbbb2}.collection-stat{display:flex;align-items:center;gap:16px;padding:0 22px 20px}.collection-number{font:48px var(--serif)}.collection-stat p{font-size:10px;color:var(--muted)}.category-breakdown{padding:0 22px 15px}.category-line{margin-bottom:13px}.category-line>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:5px}.mini-track{height:3px;background:var(--soft)}.mini-track span{height:100%;display:block;background:#a69b82}.notice{padding:14px 17px;background:#eeeee7;border:1px solid #e1e0d5;color:#6b695e;font-size:10px;line-height:1.8;display:flex;gap:12px;align-items:flex-start;margin-top:20px}.notice .icon{width:16px;height:16px;margin-top:2px}.dashboard-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:19px;margin-top:20px}.mini-product{display:flex;gap:13px;padding:13px 22px;border-top:1px solid #eeeee8;align-items:center}.mini-product img{width:38px;height:45px;object-fit:contain;background:var(--paper)}.mini-product>div{flex:1;min-width:0}.mini-product h3{font-size:10px}.mini-product p{font-size:8px;color:var(--muted)}.mini-product>span{font-size:9px;color:var(--muted)}.empty-small{padding:38px 22px;text-align:center;color:var(--muted);font-size:10px}.empty-small .icon{display:block;margin:0 auto 15px;color:var(--accent)}.empty-small p{margin-top:7px;font-size:9px}.quick-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:20px}.quick-action{background:white;border:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:18px;text-align:left}.quick-action>.icon{width:19px;height:19px;color:var(--accent)}.quick-action strong{display:block;font-weight:500;font-size:10px}.quick-action span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.admin-footer{display:flex;justify-content:space-between;padding:20px 35px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.action-group{display:flex;gap:10px;flex-wrap:wrap}.table-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.table-toolbar .searchbox{border:1px solid var(--line);padding:8px 10px;max-width:300px;min-width:180px}.table-toolbar select{border:1px solid var(--line);background:white;font-size:10px;padding:9px 12px}.toolbar-count{font-size:9px;color:var(--muted);margin-left:auto}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.data-table th{text-align:left;font-weight:400;font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);padding:14px 18px;background:#fafaf7;border-bottom:1px solid var(--line)}.data-table td{padding:13px 18px;border-bottom:1px solid #eeeee8}.data-table tr:last-child td{border:0}.data-table td:first-child{min-width:210px}.table-product{display:flex;align-items:center;gap:14px}.table-product img{width:43px;height:51px;object-fit:contain;background:var(--paper)}.table-product strong{display:block;font-size:10px;font-weight:500}.table-product small{color:var(--muted);font-size:8px}.table-price{font-size:10px}.table-price small{display:block;font-size:8px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:8px;background:#eff3ec;color:#4e6848;padding:3px 8px;border-radius:20px}.pill.gray{background:#eeeee8;color:#77766b}.pill.amber{background:#f7f1e4;color:#8a7338}.pill.red{background:#faece7;color:#9f4f39}.edit-action{padding:5px 8px;font-size:9px;display:flex;gap:6px;align-items:center}.edit-action .icon{width:13px;height:13px}.pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 20px;font-size:9px;color:var(--muted)}.pagination button{border:1px solid var(--line);padding:5px 9px;font-size:9px;margin-left:5px}.pagination button.active{background:var(--ink);color:white}.edit-dialog{max-width:95vw;width:680px;max-height:92dvh}.edit-header{padding:23px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.edit-header h2{font:27px var(--serif)}.edit-form{padding:25px 28px}.image-input-row{display:flex;gap:20px;align-items:center;background:var(--paper);padding:16px;margin-bottom:20px}.image-input-row img{width:70px;height:80px;object-fit:contain;background:white}.image-input-row>div{flex:1}.image-input-row .field{margin:0 0 9px}.upload-btn{font-size:10px;text-decoration:underline;cursor:pointer}.checkbox-row{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0}.checkbox-row label{font-size:10px;display:flex;gap:8px;align-items:center}.checkbox-row input{accent-color:var(--ink)}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.edit-form textarea{min-height:85px}.import-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:22px}.import-box{padding:30px}.step-label{font-size:8px;letter-spacing:1px;color:var(--accent);margin-bottom:12px}.import-box h2{font:23px var(--serif);margin-bottom:12px}.import-box p{font-size:11px;color:var(--muted);line-height:1.9}.drop-zone{margin-top:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #b9b5a7;background:#f9f9f5;padding:38px 20px;cursor:pointer;text-align:center}.drop-zone:hover,.drop-zone.dragging{background:var(--soft);border-color:var(--accent)}.drop-zone>.icon{width:30px;height:30px;margin-bottom:17px;color:var(--accent)}.drop-zone strong{font-weight:500;font-size:12px}.drop-zone small{font-size:9px;color:var(--muted);margin-top:6px}.drop-zone .btn{margin-top:18px;font-size:10px;min-height:36px;padding:9px 15px}.file-input{width:1px;height:1px;opacity:0;position:absolute}.import-guide{padding:25px}.import-guide h3{font:21px var(--serif);margin-bottom:18px}.import-guide dl{margin:0}.import-guide dt{font-size:10px;margin-top:17px}.import-guide dd{margin:5px 0 0;font-size:9px;color:var(--muted);line-height:1.8}.import-guide .btn{margin-top:25px;width:100%;font-size:10px}.preview-section{margin-top:24px}.preview-header{display:flex;gap:20px;align-items:center;padding:22px;flex-wrap:wrap}.preview-stat{display:flex;gap:8px;align-items:center;font-size:10px}.preview-stat strong{font-size:22px;font-weight:400}.preview-header .btn{margin-left:auto;padding:10px 17px;min-height:36px;font-size:10px}.error-list{background:#fcf1ed;color:#974638;margin:0 22px 20px;padding:14px 17px;font-size:10px}.error-list p{margin-top:5px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);gap:25px}.settings-form{padding:28px}.settings-form h2{font:23px var(--serif);margin-bottom:25px}.settings-form .field{max-width:520px}.settings-aside{padding:25px;height:fit-content}.settings-aside .icon{color:var(--accent);margin-bottom:20px}.settings-aside h3{font:23px var(--serif);margin-bottom:12px}.settings-aside p{font-size:11px;color:var(--muted);line-height:1.9}.order-select{border:1px solid var(--line);padding:7px 8px;font-size:9px;background:white}.order-detail{white-space:normal;min-width:170px;font-size:9px;color:var(--muted)}.order-view-btn{font-size:9px;text-decoration:underline}.order-detail-modal{padding:28px}.order-detail-modal pre{white-space:pre-wrap;background:var(--paper);font:11px/1.8 var(--sans);padding:20px;margin-top:20px}.status-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.status-row select{font-size:11px;padding:10px;border:1px solid var(--line)}
@media(min-width:1600px){.admin-footer{padding:20px 35px}}@media(max-width:1100px){.sidebar{width:190px;padding-left:15px;padding-right:15px}.admin-workspace{margin-left:190px}.admin-brand img{width:145px}.admin-content{padding:27px 24px}.admin-top{padding:0 24px}.metric-card{padding:15px}.metric-number{font-size:25px}.metric-top{font-size:9px}.dashboard-row{grid-template-columns:1.6fr 1fr}.dashboard-bottom{grid-template-columns:1fr 1fr}.quick-action{padding:14px;gap:10px}.quick-action span{font-size:7px}.import-layout{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-aside{max-width:none}.import-guide dl{display:grid;grid-template-columns:1fr 2fr;gap:12px}.import-guide dt,.import-guide dd{margin:0}.import-guide .btn{width:auto}.page-heading h1{font-size:31px}}
@media(max-width:800px){.sidebar{width:72px;padding:20px 10px}.admin-brand{padding:0}.admin-brand img{width:50px;height:50px;object-fit:cover;object-position:left}.sidebar-caption,.sidebar nav a span,.sidebar-bottom p,.local-status,.sidebar-bottom button span{display:none}.sidebar nav{margin-top:35px}.sidebar nav a{justify-content:center;padding:13px 0}.sidebar nav a.active{padding-left:0}.sidebar-bottom{padding:0;margin-top:auto}.sidebar-bottom button{margin:0 auto}.admin-workspace{margin-left:72px}.admin-content{padding:25px 18px}.admin-top{padding:0 18px;height:60px}.admin-footer{padding:18px;font-size:7px;gap:15px}.metrics-grid{grid-template-columns:1fr 1fr}.metric-number{font-size:30px}.dashboard-row,.dashboard-bottom{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.quick-action span{font-size:9px}.quick-action strong{font-size:11px}.dashboard-row{gap:18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading>div>p{font-size:10px}.page-heading .period{min-width:115px;font-size:9px}.breadcrumbs{font-size:9px;gap:9px}.view-store{font-size:9px}.admin-top>div:last-child{gap:12px}.table-toolbar{flex-wrap:wrap;padding:13px;gap:10px}.table-toolbar .searchbox{max-width:none;width:100%}.toolbar-count{font-size:8px}.table-toolbar select{padding:7px;font-size:9px}.action-group .btn{font-size:9px;padding:9px 11px;gap:8px}.action-group .btn .icon{width:14px}.page-heading:has(.action-group){flex-wrap:wrap;gap:18px}.page-heading .action-group{width:100%}.table-wrap{max-width:100%}.data-table th,.data-table td{padding:12px 13px}.panel-header{padding:18px}.panel-header h2{font-size:12px}.chart{padding:0 8px 8px}.notice{font-size:9px;padding:13px;gap:9px}.import-box,.import-guide{padding:22px}.import-guide dl{grid-template-columns:1fr}.drop-zone{padding:25px 15px}.drop-zone strong{font-size:11px}.preview-header{padding:18px;gap:12px}.preview-header .btn{width:100%}.preview-stat strong{font-size:19px}.preview-stat{font-size:9px}.settings-form{padding:22px}.settings-form .two-fields{grid-template-columns:1fr}.image-input-row{flex-direction:column}.image-input-row>div{width:100%}.edit-form{padding:22px}.edit-header{padding:20px 22px}.checkbox-row{gap:15px}.login-story{padding:35px 9%}.login-story h1{font-size:39px}.login-form-side{padding:35px 10%}.login-form-side h2{font-size:28px}}
@media(max-width:550px){#login-view{grid-template-columns:1fr}.login-story{min-height:250px;padding:25px 7%;gap:25px}.login-story h1{font-size:35px;margin-bottom:15px}.login-story p,.login-foot{display:none}.login-story .eyebrow{font-size:7px;margin-bottom:10px}.login-logo{width:135px}.login-form-side{padding:25px 7%}.login-form-side form{padding:40px 0}.login-form-side h2{font-size:31px}.page-heading{display:block}.page-heading .period{margin-top:15px}.metrics-grid{gap:10px}.metric-card{padding:13px}.metric-top{font-size:8px}.metric-top .icon{width:14px}.metric-number{font-size:25px;margin-top:15px}.metric-caption{font-size:7px}.page-heading h1{font-size:28px}.admin-footer{display:block}.admin-footer>span{display:block;margin:3px 0}.page-heading .action-group{margin-top:17px}.edit-dialog .two-fields{grid-template-columns:1fr}.form-footer .btn{font-size:10px;padding:11px 16px}.status-row{gap:15px}.chart-legend{font-size:7px;padding-left:18px}.order-detail-modal{padding:23px}.admin-content>.notice{margin-top:15px}}
.demo-banner{padding:11px 35px;background:#ece9df;border-bottom:1px solid #ded8c8;color:#665a3c;font-size:10px;line-height:1.7}@media(max-width:800px){.demo-banner{padding:12px 18px;font-size:9px}}