:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17211d;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:.7rem 1rem;background:#176b4d;color:#fff;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:1.5rem;background:#10251d;color:#eef8f2;overflow:auto}.brand{font-weight:900;letter-spacing:.17em;margin-bottom:2rem}.brand small{display:block;margin-top:.5rem;color:#8fb4a5;letter-spacing:.12em}.nav{display:flex;width:100%;justify-content:space-between;background:transparent;color:#d8e9e1;text-align:left;text-transform:capitalize;margin:.15rem 0}.nav.active{background:#225d47;color:#fff}.nav small{color:#759588;font-size:.65rem}aside hr{border:0;border-top:1px solid #2d493e;margin:1rem 0}aside footer{font-size:.8rem;color:#9db5ab;margin-top:2rem;overflow-wrap:anywhere}aside footer button{display:block;margin-top:1rem;background:#2c463b}main{padding:2rem;min-width:0}main>header,.editor>header,.conflict>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.13em;color:#37765f;margin:0 0 .45rem}h1,h2,h3{margin:.2rem 0 1rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.cards article,.panel{background:#fff;border:1px solid #dce5e0;border-radius:14px;padding:1.25rem}.cards span{display:block;color:#64736d}.cards strong{display:block;font-size:2rem;margin-top:.5rem}.toolbar,.bulk,.pager{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;background:#fff;padding:1rem;border:1px solid #dce5e0}.toolbar{border-radius:14px 14px 0 0}.toolbar input{min-width:280px}.bulk{border-top:0}.table-wrap{overflow:auto;background:#fff;border-inline:1px solid #dce5e0}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;padding:.8rem;border-bottom:1px solid #e7ece9;vertical-align:middle}th{color:#56665f;background:#f7faf8}.link{background:none;color:#176b4d;padding:0;text-align:left}.link+small,td small,.conflict small{display:block;color:#6c7974;margin-top:.3rem}.placeholder{display:grid;place-items:center;width:55px;height:45px;border:1px dashed #a6b6af;border-radius:8px;font-size:.6rem;color:#65756e}.internal{background:#fff8e6;color:#5a4517}.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#e7f1ed;color:#215a45;font-size:.72rem}.pager{justify-content:flex-end;border-radius:0 0 14px 14px}.gate{max-width:520px;margin:12vh auto;background:#fff;padding:3rem;border:1px solid #dce5e0;border-radius:18px;text-align:center}.logo{letter-spacing:.2em;font-weight:900;color:#176b4d}.gate code{display:block;text-align:left;white-space:normal;background:#eef3f0;padding:1rem;border-radius:8px}.editor{width:min(1100px,90vw);max-height:88vh;overflow:auto;padding:1.5rem;border:0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-grid label{display:grid;gap:.4rem;font-weight:700}.form-grid .wide{grid-column:1/-1}input,select,textarea{border:1px solid #b9c8c1;border-radius:7px;padding:.7rem;background:#fff}.preview{margin:1.5rem 0;padding:1.25rem;border:2px solid #dce5e0;border-radius:12px}.editor .internal{padding:1.25rem;border-radius:12px}.editor dl{display:grid;grid-template-columns:180px 1fr;gap:.4rem}.editor dt{font-weight:700}.variant{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:.6rem;border-bottom:1px solid #e2e8e5}.editor footer{display:flex;justify-content:flex-end;gap:.7rem;position:sticky;bottom:-1.5rem;background:#fff;padding:1rem 0}.danger{background:#9d2e2e}.conflict{border:1px solid #dce5e0;padding:1rem;border-radius:10px;margin:1rem 0}.conflict>div{padding:.7rem 0}.conflict button{margin:.5rem .5rem 0 0}.error{border-color:#d99;color:#782}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}main{padding:1rem}}.category-table{border:1px solid #dce5e0;border-radius:10px}.category-name{display:flex;gap:.45rem;align-items:center;padding-left:calc(var(--depth) * 1.35rem)}.category-thumb{display:block;width:64px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #dce5e0}.category-thumb.no-image{display:grid;place-items:center;background:#f4f7f5;color:#718078;font-size:.65rem;text-align:center}.category-actions{display:flex;gap:.75rem;flex-wrap:wrap;min-width:225px}.delete-link{color:#9d2e2e}.badge.disabled{background:#edf0ee;color:#5d6863}.badge.archived{background:#f6e3e3;color:#852c2c}.is-archived{opacity:.72}.category-preview{margin:1.5rem 0}.category-image-preview{display:grid;place-items:center;width:min(420px,100%);min-height:150px;border:1px dashed #9aaca4;border-radius:12px;color:#68776f;overflow:hidden}.category-image-preview img{display:block;width:100%;max-height:260px;object-fit:contain;background:#f6f8f7}.missing-image-table small{display:block;margin-top:.3rem;color:#607169}.missing-image-table td{vertical-align:top}.priority{display:inline-block;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:800}.priority-high{background:#f6dddd;color:#842929}.priority-medium{background:#fff0c9;color:#76510c}.priority-low{background:#e7eeea;color:#405249}.workflow-editor{max-width:760px}.workflow-guidance{margin:1.5rem 0;padding:1rem;border:1px solid #dce5e0;border-radius:10px;background:#f5f8f6}.workflow-guidance p{margin-bottom:0}.signin-divider{margin:1.25rem 0;color:#607169;font-size:.85rem}.signin-form{display:grid;gap:.85rem;text-align:left}.signin-form label{display:grid;gap:.35rem;font-weight:700}.signin-form button{margin-top:.25rem}.signin-form [role=alert]{min-height:1.2em;margin:0;color:#8b2424;font-size:.85rem;overflow-wrap:anywhere}.image-manager{margin:1.5rem 0;padding:1.25rem;border:1px solid #dce5e0;border-radius:12px}.image-manager>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.image-help{color:#64736d}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.image-card{border:1px solid #dce5e0;border-radius:10px;padding:.75rem}.image-preview{height:150px;display:grid;place-items:center;background:#eef3f0;border-radius:7px;overflow:hidden;color:#64736d}.image-preview img{width:100%;height:100%;object-fit:contain}.product-thumbnail{overflow:hidden;border-style:solid;font-size:.55rem}.product-thumbnail img{width:100%;height:100%;object-fit:cover}.image-card small{display:block;color:#64736d;margin:.3rem 0}.image-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.65rem}.image-actions button,.replace-button,.upload-button{font-size:.78rem;padding:.5rem .65rem;border-radius:7px;background:#176b4d;color:#fff;font-weight:700;cursor:pointer}.replace-button{display:inline-block}.image-actions .danger{background:#9d2e2e}dialog:has(.editor){padding:0;border:0;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px #0c231b47}.editor{width:min(1100px,92vw);height:min(88vh,900px);max-height:none;padding:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#fff}.editor-header{padding:1.25rem 1.5rem .9rem;border-bottom:1px solid #dce5e0;background:#fff;z-index:2}.editor-header h2{margin-bottom:0}.editor-tabs{display:flex;gap:.25rem;padding:0 1.5rem;border-bottom:1px solid #dce5e0;background:#f7faf8;overflow-x:auto;scrollbar-width:thin}.editor-tab{flex:0 0 auto;padding:.9rem 1rem .75rem;border-radius:0;border-bottom:3px solid transparent;background:transparent;color:#52645c}.editor-tab:hover{color:#176b4d;background:#edf5f1}.editor-tab.active{color:#176b4d;border-bottom-color:#176b4d;background:#fff}.editor-tab.internal-tab{color:#785d20}.editor-tab.internal-tab.active{border-bottom-color:#9b7628}.editor-panels{min-height:0;overflow:hidden;position:relative}.editor-panel{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;scrollbar-gutter:stable}.editor-panel[hidden]{display:none}.editor-panel:after{content:"";display:block;height:.25rem}.editor-panel .image-manager{margin:0}.tab-intro{margin-bottom:1.25rem}.supplier-panel{margin:0;border-radius:0}.editor-actions{position:static;bottom:auto;margin:0;padding:.9rem 1.5rem;border-top:1px solid #dce5e0;background:#fff;z-index:2}@media(max-width:700px){dialog:has(.editor){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.editor{width:100vw;height:100dvh}.editor-header,.editor-panel,.editor-actions{padding-inline:1rem}.editor-tabs{padding-inline:.5rem}.editor-actions{justify-content:flex-start;overflow-x:auto}}