@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500&display=swap');:root{--ink:#111a24;--paper:#f4f1ea;--white:#fff;--gold:#d7bd85;--muted:#697178;--line:#d9d6ce;--green:#365b4e;--red:#8d3b36}*{box-sizing:border-box}body{margin:0;font:15px/1.5 'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.admin-brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.18em;font-size:.8rem}.admin-brand i{display:grid;place-items:center;width:42px;height:42px;border:1px solid;border-radius:50%;font:500 1.2rem 'Playfair Display',serif}.admin-brand small{display:block;letter-spacing:.08em;font-size:.6rem;opacity:.5;margin-top:2px}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(120deg,rgba(7,15,23,.88),rgba(7,15,23,.44)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=90') center/cover}.login-card{width:min(520px,calc(100% - 32px));min-height:720px;background:rgba(244,241,234,.96);padding:55px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 100px rgba(0,0,0,.35)}.login-card h1{font:500 3.7rem/.95 'Playfair Display',serif;margin:.2em 0}.login-card>div>p:last-child{color:var(--muted)}.admin-kicker{text-transform:uppercase;letter-spacing:.16em;color:#7e6d47;font-size:.66rem}.login-card form{display:grid;gap:18px}.login-card label,.editor-form label{display:grid;gap:7px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#596168}.login-card input,.editor-form input,.editor-form textarea,.editor-form select{width:100%;border:1px solid var(--line);background:white;padding:14px;color:var(--ink);outline:none;text-transform:none;letter-spacing:normal}.login-card input:focus,.editor-form input:focus,.editor-form textarea:focus{border-color:var(--ink)}.login-card button,.panel-head button,.admin-button,.order-list button{border:0;background:var(--ink);color:white;padding:15px 20px;display:flex;justify-content:space-between;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.67rem}.login-card>small{color:var(--muted)}.admin-nav{position:fixed;inset:0 auto 0 0;width:260px;background:var(--ink);color:white;padding:34px 28px;display:flex;flex-direction:column;z-index:20}.admin-nav nav{display:grid;margin:10vh 0 auto}.admin-nav nav a{display:grid;grid-template-columns:34px 1fr;padding:12px 0;color:rgba(255,255,255,.5);text-transform:capitalize}.admin-nav nav a.active,.admin-nav nav a:hover{color:white}.admin-nav nav span{font-size:.6rem;color:var(--gold);letter-spacing:.1em}.admin-user{display:grid;gap:4px;padding-top:20px;border-top:1px solid rgba(255,255,255,.17);font-size:.72rem}.admin-user a{opacity:.55}.admin-main{margin-left:260px;padding:45px 4vw 9vw;max-width:1700px}.admin-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.admin-main h1{font:500 clamp(2.6rem,4vw,4.8rem)/1 'Playfair Display',serif;margin:0;text-transform:capitalize}.mobile-nav{display:none}.notice{background:#e4e9e2;color:var(--green);padding:14px 18px;margin-bottom:20px;border-left:3px solid var(--green)}.notice.error{background:#f3e6e4;color:var(--red);border-color:var(--red)}.overview-hero{background:linear-gradient(90deg,rgba(11,20,30,.9),rgba(11,20,30,.2)),url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=90') center/cover;min-height:330px;color:white;padding:48px;display:flex;align-items:flex-end;justify-content:space-between}.overview-hero h2{font:500 clamp(2.4rem,4vw,4.3rem)/1 'Playfair Display',serif;margin:.15em 0}.overview-hero span{color:rgba(255,255,255,.65)}.overview-hero time{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);margin:1px 0 28px}.stat-grid a{background:white;padding:28px;position:relative}.stat-grid span{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat-grid strong{display:block;font:500 2.8rem 'Playfair Display',serif}.stat-grid i{position:absolute;right:18px;top:18px;font-style:normal}.admin-panel{background:white;padding:30px;margin-bottom:28px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.panel-head p{margin:0;text-transform:uppercase;color:var(--muted);letter-spacing:.12em;font-size:.62rem}.panel-head h2{margin:.1em 0 0;font:500 2rem 'Playfair Display',serif}.panel-head a{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.panel-head>div:last-child{display:flex;align-items:center;gap:18px}.admin-table .table-row{display:grid;grid-template-columns:1fr 2fr .7fr .7fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.admin-table span{color:var(--muted)}.status{font-style:normal;text-align:center;border:1px solid;padding:5px 9px;border-radius:99px;font-size:.65rem;text-transform:uppercase}.status.completed,.status.shipped{color:var(--green)}.empty-state{color:var(--muted);padding:35px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full{grid-column:span 2}.editor-form textarea{min-height:100px;resize:vertical}.editor-form textarea.tall{min-height:250px}.editor-form input[type=file]{padding:9px;margin-top:5px;background:#f3f1eb}.editor-form label small{text-transform:none;letter-spacing:0}.toggle{display:flex!important;grid-column:span 2;align-items:center;grid-template-columns:auto auto 1fr!important}.toggle input{position:absolute;opacity:0;width:1px}.toggle span{width:40px;height:22px;border-radius:99px;background:#aaa;position:relative}.toggle span:after{content:'';position:absolute;width:16px;height:16px;background:white;border-radius:50%;top:3px;left:3px;transition:.2s}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{left:21px}.content-list article{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.content-list img{width:80px;height:72px;object-fit:cover;background:#ddd}.content-list article>div{display:grid}.content-list small{color:#7e6d47;text-transform:uppercase;font-size:.6rem;letter-spacing:.1em}.content-list strong{font-size:1rem}.content-list span{color:var(--muted);font-size:.7rem}.content-list a{border-bottom:1px solid;font-size:.7rem;text-transform:uppercase}.editor-drawer{border-top:5px solid var(--gold)}.delete-form{text-align:right}.delete-form button{border:1px solid var(--red);color:var(--red);background:transparent;padding:10px 15px;cursor:pointer}.order-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.order-list article{background:var(--paper);padding:24px}.order-top{display:flex;justify-content:space-between}.order-top small{color:var(--muted)}.order-top h3{font:500 1.7rem 'Playfair Display',serif;margin:.1em 0}.order-top p{margin:0;color:var(--muted)}.order-top>strong{font:500 1.5rem 'Playfair Display',serif}.order-items{display:grid;margin:20px 0;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.76rem}.order-list form{display:flex;gap:8px}.order-list select{flex:1;border:1px solid var(--line);background:white;padding:10px}
@media(max-width:900px){.admin-nav{transform:translateX(-100%);transition:.3s}.admin-nav.open{transform:none}.admin-main{margin-left:0;padding:28px 18px 70px}.mobile-nav{display:block;border:1px solid;background:transparent;padding:9px 14px}.stat-grid{grid-template-columns:1fr 1fr}.order-list{grid-template-columns:1fr}.overview-hero{padding:28px;min-height:380px}.overview-hero time{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full,.toggle{grid-column:span 1}.admin-table .table-row{grid-template-columns:1fr 1fr}.admin-table .table-row span:nth-child(2){display:none}.login-card{padding:38px 28px;min-height:680px}.login-card h1{font-size:3rem}}