@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#292b28;background:#f8f8f4;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:6px;background:#344c3f;color:white;padding:12px 20px;font-weight:600}button:hover{filter:brightness(.92)}a{color:inherit}input,select{border:1px solid #dedfd7;background:white;border-radius:5px;padding:11px;width:100%;color:#292b28}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #738f79;outline-offset:3px}label{display:block;font-weight:500;margin:18px 0}label input,label select{margin-top:8px}.brand{font-family:'Playfair Display',serif;font-size:28px;letter-spacing:4px}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3px;margin-top:10px;color:#83867d}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid #e5e6de;padding:38px 26px;display:flex;flex-direction:column}.nav-label{margin-top:65px;font-size:10px;letter-spacing:2px;color:#9b9f93}nav{margin-top:18px}nav a{display:flex;justify-content:space-between;padding:15px 12px;text-decoration:none;margin:7px -10px;border-radius:5px;color:#6f756b}nav a.active{background:#edf1e9;color:#344c3f;font-weight:600}.profile{margin-top:auto;border-top:1px solid #e8e9e1;padding-top:24px}.profile small{display:block;margin-top:6px;color:#85897e}.quiet{padding:12px 0;background:none;color:#777e71}.workspace{margin-left:240px;padding:30px 48px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:#858a7d;border-bottom:1px solid #e2e5db;padding-bottom:25px}.badge{color:#4f6e52;background:#edf2e9;border:1px solid #dce6d7;border-radius:20px;padding:8px 12px;letter-spacing:0}.badge:before{content:'●';margin-right:7px}.heading{display:flex;justify-content:space-between;align-items:center;margin:48px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8d997d}h1{font-family:'Playfair Display',serif;font-weight:400;font-size:44px;line-height:1.2;margin:12px 0}p{line-height:1.7;color:#7c8276}.count{font-family:'Playfair Display',serif;font-size:38px;text-align:right}.count small{display:block;font:11px 'DM Sans',sans-serif;color:#8c9285;margin-top:7px}.panel{background:white;border:1px solid #e1e5d9;border-radius:9px;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:20px}h2{font-size:15px;font-weight:600}.search{display:flex;gap:8px}.search input{width:260px}.secondary{background:white;color:#4e614b;border:1px solid #d7dfd0;padding:9px 14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:1.2px;color:#93998b;background:#fafbf7;padding:16px 22px;border-block:1px solid #edf0e6}td{padding:18px 22px;border-bottom:1px solid #edf0e7}td input{width:90px;padding:8px}.product{display:flex;align-items:center;gap:14px;white-space:normal;min-width:230px}.product img{width:48px;height:64px;object-fit:cover;border-radius:4px;background:#f4f2ec}.product strong{font-size:12px;display:block;max-width:300px;font-weight:500}.product small{display:block;font-size:10px;color:#8a9081;margin-top:7px}.muted{color:#93998b;font-size:11px}.status{font-size:10px;color:#60734e;background:#eef3e8;padding:6px 9px;border-radius:20px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;color:#92998a;font-size:10px}footer a{margin:0 10px}.footnote{text-align:center;font-size:10px;margin-top:30px;color:#a1a796}.alert,.success{padding:12px 18px;border-radius:5px;background:#fff0e9;color:#9a4933}.success{background:#eaf2e6;color:#486841}.login{max-width:420px;margin:10vh auto;padding:30px}.login .brand{margin-bottom:55px}.login h1{font-size:42px}.login button{width:100%;margin-top:10px}.team-form{max-width:440px}.panel:has(.team-form){padding:28px}@media(max-width:1000px){aside{width:190px;padding:30px 20px}.workspace{margin-left:190px;padding:25px}.brand{font-size:22px}.toolbar{flex-wrap:wrap}.search{width:100%}.search input{width:100%}footer{flex-wrap:wrap}}@media(max-width:640px){aside{position:relative;width:100%;padding:20px;display:block}.nav-label,.profile small{display:none}nav{display:flex;gap:25px;margin:15px 0 0}.profile{position:absolute;right:20px;top:17px;margin:0;padding:0;border:0}.profile strong{display:none}.workspace{margin:0;padding:20px}header{font-size:8px;letter-spacing:0}.heading{margin:28px 0}h1{font-size:34px}.count{font-size:28px}.badge{font-size:9px}.login{margin:5vh auto}.toolbar{padding:18px}}

/* Staff Studio 0.2 */
button,.button{background:var(--accent,#344c3f)}.button{display:inline-block;color:white;text-decoration:none;border-radius:6px;padding:12px 18px;font-weight:600;white-space:nowrap}.button.secondary{background:white;color:var(--accent,#344c3f)}.language-switch{position:relative;display:flex;justify-content:flex-end;gap:8px;margin:12px 24px 0;z-index:2}.language-switch a{font-size:11px;text-decoration:none;padding:7px 10px;border:1px solid transparent;border-radius:5px}.language-switch .selected{border-color:#d6dfd0;background:white;color:var(--accent,#344c3f)}.workspace{padding-top:20px}.workspace header{padding-top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stats section{padding:26px}.stats small{display:block;color:#788272}.stats strong{display:block;font:38px 'Playfair Display',serif;margin-top:14px}.welcome{padding:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.editor{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px}.form-panel{padding:25px;margin-bottom:24px}.form-panel h2{margin-top:0}.form-panel label{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hint{font-size:11px;color:#828b79;line-height:1.7}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}textarea{font:inherit;width:100%;display:block;margin-top:8px;padding:12px;border:1px solid #dedfd7;border-radius:5px;resize:vertical;line-height:1.7}.full{width:100%}.sticky{position:sticky;top:20px}.image-strip{display:flex;gap:12px;flex-wrap:wrap}.image-strip img{height:95px;width:75px;object-fit:cover;border-radius:5px}.variation-list a,.variation-list>div{display:flex;justify-content:space-between;gap:16px;text-decoration:none;padding:16px 0;border-bottom:1px solid #edf0e7}.variation-list small{color:#839077}.inline{display:flex;align-items:end;gap:12px}.inline label{margin:0}.inline select{min-width:135px}.filters{align-items:end}.filters>input{width:min(100%,320px);margin-bottom:1px}.filters label{margin:0}.toolbar label{margin:0}.editor input[type=color]{height:44px}[dir=rtl]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] aside{inset:0 0 0 auto;border-right:0;border-left:1px solid #e5e6de}[dir=rtl] .workspace{margin-left:0;margin-right:240px}[dir=rtl] table{text-align:right}[dir=rtl] h1,[dir=rtl] .brand{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}[dir=rtl] .brand span{letter-spacing:0}[dir=rtl] .count{text-align:left}[dir=rtl] .language-switch{justify-content:flex-start}[dir=rtl] input[type=number]{direction:ltr;text-align:right}.editor input,.editor textarea{max-width:100%}
@media(max-width:1000px){.editor{grid-template-columns:1fr}.sticky{position:static}.stats{grid-template-columns:repeat(2,1fr)}[dir=rtl] .workspace{margin-right:190px}.heading{gap:15px}}
@media(max-width:640px){.stats{grid-template-columns:1fr 1fr;gap:10px}.stats section{padding:18px}.stats strong{font-size:28px}.heading{flex-wrap:wrap}.editor{gap:0}.form-grid{grid-template-columns:1fr;gap:0}.filters{flex-wrap:wrap}.filters>input{width:100%}.language-switch{margin:8px 12px}aside .profile{top:15px}.profile .quiet{font-size:11px}.nav-label{display:none}nav{flex-wrap:wrap;gap:0 20px}nav a{margin:0;padding:10px}.workspace header{flex-wrap:wrap;gap:12px}.brand{max-width:75%;overflow-wrap:anywhere}[dir=rtl] .workspace{margin:0}[dir=rtl] aside{position:relative;inset:auto}[dir=rtl] .profile{right:auto;left:20px}h1{font-size:31px}.form-panel{padding:20px}}

[hidden]{display:none!important}aside{overflow-y:auto}button:disabled{opacity:.6;cursor:wait}
