@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{--cream:#f7f3ed;--paper:#fffdf9;--wine:#572d35;--ink:#292321;--muted:#776c66;--line:#ded6cd;--display:Italiana,Georgia,serif;--font:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:var(--font);color:var(--ink);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.admin-header{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper)}.logo{display:flex;align-items:center;gap:7px;color:var(--wine);font-size:28px}.logo span{font:26px var(--display);letter-spacing:.1em;color:var(--ink)}.logo small{font-size:7px;letter-spacing:.22em;align-self:end;margin:0 0 13px -78px}.admin-header>div{display:flex;gap:20px;align-items:center}.admin-header a:not(.logo),.ghost{font-size:11px;border:0;background:none;text-decoration:underline;text-underline-offset:4px}.kicker{font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--wine)}h1,h2{font-family:var(--display);font-weight:400}main{max-width:1440px;margin:auto;padding:0 5%}.login-panel{background:var(--paper);max-width:485px;margin:90px auto;padding:48px;box-shadow:0 15px 50px #3821170a}.login-panel h1{font-size:58px;line-height:1;margin:15px 0}.login-panel>p:not(.kicker){line-height:1.7;color:var(--muted)}.login-panel form{display:grid;gap:18px;margin:30px 0}.login-panel label,.editor label{display:flex;flex-direction:column;gap:8px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:#6d625c}.login-panel input,.editor input,.editor select,.editor textarea{border:1px solid #d9cec4;background:var(--paper);padding:12px;outline-color:var(--wine);font-size:12px;color:var(--ink);text-transform:none;letter-spacing:0;border-radius:0;width:100%}.primary{border:1px solid var(--wine);background:var(--wine);color:#fff;padding:13px 21px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.primary:hover{background:#3d1d24}.login-panel>small{color:var(--muted)}.login-panel code{background:#f2e9df;padding:3px 5px}.error{color:#aa3444;font-size:11px}.dashboard{padding:68px 0 100px}.page-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.page-title h1{font-size:68px;line-height:1;margin:15px 0}.page-title p:last-child{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:37px 0 35px}.stats>div{background:var(--paper);padding:24px;border:1px solid #ebe3db}.stats small{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted);margin-bottom:17px}.stats strong{display:block;font:37px var(--display)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.tabs button{padding:15px 2px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.tabs button.active{border-bottom-color:var(--wine);color:var(--wine)}.panel-head{display:flex;align-items:baseline;gap:18px;margin:28px 0 16px}.panel-head h2{font-size:33px;margin:0}.panel-head p{color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto;background:var(--paper)}table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}th{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:18px;border-bottom:1px solid var(--line)}td{border-bottom:1px solid #eee5dc;padding:12px 18px;font-size:11px}tr:last-child td{border-bottom:0}.product-name-cell{display:flex;align-items:center;gap:13px;font-weight:700}.mini-photo{background-image:url('/assets/perfume-collection.png');background-size:300% 200%;background-repeat:no-repeat;width:44px;height:66px;flex:none}.img-1{background-position:0% 0%}.img-2{background-position:50% 0%}.img-3{background-position:100% 0%}.img-4{background-position:0% 100%}.img-5{background-position:50% 100%}.img-6{background-position:100% 100%}.muted{color:var(--muted)}.edit-button{border:1px solid var(--line);background:transparent;color:var(--wine);padding:8px 13px;font-size:10px}.edit-button:hover{background:var(--wine);color:white}.order-card{background:var(--paper);border:1px solid #ece3da;margin-bottom:12px;padding:20px 24px;display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr auto;gap:20px;align-items:center}.order-card small{font-size:9px;color:var(--muted);display:block;margin-bottom:7px}.order-card strong{font-size:12px}.order-card select{padding:9px;border:1px solid var(--line);background:var(--paper);font-size:11px}.order-card details{grid-column:1/-1;color:var(--muted);font-size:11px}.order-card summary{cursor:pointer}.order-card details p{margin-bottom:3px}.no-orders{background:var(--paper);padding:45px;color:var(--muted);text-align:center}.backdrop{position:fixed;inset:0;background:#23191b9c;z-index:20}.editor{position:fixed;right:0;top:0;bottom:0;width:min(570px,100vw);z-index:21;background:var(--paper);box-shadow:-10px 0 30px #0002;overflow:auto}.editor-head{padding:26px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.editor-head h2{font-size:39px;margin:5px 0}.editor-head button{align-self:flex-start;border:0;background:none;font-size:30px}#productForm{padding:27px 30px 35px;display:grid;gap:18px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor .check-label{display:flex;align-items:center;flex-direction:row}.check-label input{width:auto}.full{width:100%}.danger{border:0;background:transparent;color:#a33842;text-decoration:underline;font-size:11px;padding:10px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:var(--wine);color:white;padding:12px 20px;font-size:11px;opacity:0;z-index:30;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.order-card{grid-template-columns:1fr 1fr}.page-title h1{font-size:53px}}@media(max-width:520px){.admin-header{padding:0 4%}.admin-header a:not(.logo){display:none}.dashboard{padding-top:42px}.page-title{display:block}.page-title h1{font-size:48px}.page-title .primary{margin-top:12px}.login-panel{padding:30px 25px;margin-top:45px}.stats{gap:8px}.stats>div{padding:16px}.stats strong{font-size:28px}.panel-head{display:block}.order-card{grid-template-columns:1fr}.form-pair{grid-template-columns:1fr}.editor-head,#productForm{padding-left:20px;padding-right:20px}}