:root{--font-display:"DM Serif Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono","Courier New",monospace;--color-bg:#faf9f6;--color-surface:#fff;--color-border:rgba(0,0,0,.08);--color-border-md:rgba(0,0,0,.14);--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-text-hint:#9b9b9b;--color-teal:#1d9e75;--color-teal-light:#e1f5ee;--color-teal-dark:#085041;--color-red:#e24b4a;--color-red-light:#fcebeb;--color-amber:#ef9f27;--color-amber-light:#faeeda;--color-blue:#378add;--color-blue-light:#e6f1fb;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-selectable],input,select,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}img{-webkit-user-drag:none;user-drag:none}canvas,img{pointer-events:none}canvas{-webkit-user-drag:none;display:block}.artwork-protected{position:relative;overflow:hidden}.artwork-protected .protect-overlay{position:absolute;inset:0;z-index:10;background:transparent;cursor:default}h1,h2,h3{font-family:var(--font-display);font-weight:400}h1{font-size:2.4rem;line-height:1.2}h2{font-size:1.75rem;line-height:1.25}h3{font-size:1.2rem;line-height:1.3}.mono{font-family:var(--font-mono)}.container{max-width:960px}.container,.container-sm{margin:0 auto;padding:0 24px}.container-sm{max-width:640px}.nav{background:var(--color-surface);border-bottom:.5px solid var(--color-border);height:56px;display:flex;align-items:center;padding:0 24px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-logo{font-family:var(--font-display);font-size:18px;color:var(--color-text);text-decoration:none}.nav-logo span{color:var(--color-teal)}.nav-links{display:flex;gap:8px;align-items:center}.card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border-radius:var(--radius-md);border:.5px solid var(--color-border-md);font-family:var(--font-body);font-size:14px;font-weight:400;cursor:pointer;background:transparent;color:var(--color-text);text-decoration:none;transition:background .15s,opacity .15s;white-space:nowrap}.btn:hover{background:rgba(0,0,0,.04)}.btn-primary{background:var(--color-text);color:#fff;border-color:var(--color-text)}.btn-primary:hover{opacity:.88;background:var(--color-text)}.btn-success{background:var(--color-teal);color:var(--color-teal-light);border-color:var(--color-teal-dark)}.btn-danger{background:var(--color-red);color:var(--color-red-light);border-color:#a32d2d}.btn-sm{padding:5px 12px;font-size:12px}.btn-full{width:100%}.form-group{margin-bottom:14px}.form-label{font-size:12px;color:var(--color-text-muted);margin-bottom:5px;display:block}.form-input{width:100%;padding:9px 12px;border:.5px solid var(--color-border-md);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;background:var(--color-surface);color:var(--color-text);transition:border-color .15s;-webkit-user-select:text;-moz-user-select:text;user-select:text}.form-input:focus{outline:none;border-color:var(--color-text)}textarea.form-input{resize:vertical;min-height:80px;line-height:1.6}select.form-input{cursor:pointer}.grid-2{grid-template-columns:1fr 1fr;grid-gap:20px}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}@media (max-width:680px){.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.grid-3{grid-template-columns:1fr}}.badge{display:inline-block;font-size:11px;padding:3px 8px;border-radius:20px;font-weight:500}.badge-pending{background:var(--color-amber-light);color:#854f0b}.badge-approved{background:var(--color-teal-light);color:var(--color-teal-dark)}.badge-rejected{background:var(--color-red-light);color:#a32d2d}.badge-new{background:var(--color-blue-light);color:#185fa5}.sku-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:var(--radius-sm);background:rgba(0,0,0,.05);color:var(--color-text-muted);border:.5px solid var(--color-border);letter-spacing:.04em}.offer-tag{display:inline-flex;align-items:center;font-size:11px;padding:3px 8px;border-radius:20px;background:var(--color-red-light);color:#a32d2d}.divider{border:none;border-top:.5px solid var(--color-border);margin:16px 0}.stat-card{background:rgba(0,0,0,.03);border-radius:var(--radius-md);padding:14px}.stat-label{font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.stat-value{font-size:22px;font-weight:500}.tab-bar{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:7px 16px;border-radius:var(--radius-md);font-size:13px;cursor:pointer;border:.5px solid transparent;color:var(--color-text-muted);background:transparent;transition:all .15s}.tab.active,.tab:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.tab.active{font-weight:500}.upload-zone{border:1.5px dashed var(--color-border-md);border-radius:var(--radius-lg);padding:28px;text-align:center;cursor:pointer;transition:border-color .15s}.upload-zone:hover{border-color:var(--color-text)}.artwork-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}.artwork-card:hover{border-color:var(--color-border-md);transform:translateY(-2px)}.protection-banner{background:var(--color-teal-light);border:.5px solid #5dcaa5;border-radius:var(--radius-md);padding:10px 14px;font-size:12px;color:var(--color-teal-dark);display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}nav[style*=sticky]{background-color:var(--color-background-primary)!important}