.app-shell{display:flex;min-height:100vh;background:var(--content-bg)}.sidebar{width:260px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;transition:width .15s ease}.app-shell--collapsed .sidebar{width:76px}.sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 16px;margin-bottom:8px;border-bottom:1px solid var(--border)}.app-shell--collapsed .sidebar__head{justify-content:center}.app-shell--collapsed .sidebar__head .brand-logo{display:none}.sidebar__collapse{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:8px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sidebar__collapse:hover{border-color:var(--color-primary);color:var(--color-primary)}.sidebar__nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--neutral-70);padding:6px 10px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;border:none;background:transparent;color:var(--neutral-30);font-size:14px;font-family:inherit;cursor:pointer;text-align:left}.nav-item:hover{background:var(--neutral-96);text-decoration:none}.nav-item.active,.nav-item--active{background:var(--color-primary);color:#fff}.nav-item.active svg,.nav-item--active svg{color:#fff}.sidebar__logout{display:flex;align-items:center;gap:10px;border:none;background:transparent;color:var(--neutral-50);font-size:14px;font-family:inherit;padding:10px;border-radius:10px;cursor:pointer;margin-top:12px}.sidebar__logout:hover{background:var(--neutral-96);color:var(--color-primary)}.app-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:#fff;border-bottom:1px solid var(--border)}.topbar__title{font-size:15px;font-weight:700;color:var(--text)}.topbar__actions{display:flex;align-items:center;gap:12px}.topbar__avatar{width:36px;height:36px;border-radius:50%;background:var(--color-black);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.content{flex:1;padding:28px}.white-label{display:flex;flex-direction:column;gap:18px;max-width:1180px;margin:0 auto}.white-label__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.white-label__head h1{margin:0 0 4px}.white-label__alert{background:var(--color-primary-10);color:var(--color-primary-dark);font-size:13px;font-weight:600;padding:10px 14px;border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:13px;font-weight:600;border-radius:8px;padding:8px 14px;border:none;cursor:pointer}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--ghost{background:var(--neutral-96);color:var(--neutral-50);border:1px solid var(--border)}.btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--sm{padding:6px 10px;font-size:12px}.white-label__table-wrap{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.white-label__table{width:100%;border-collapse:collapse;font-size:13.5px}.white-label__table th{text-align:left;font-size:12px;font-weight:600;color:var(--neutral-60);padding:12px 16px;border-bottom:1px solid var(--border)}.white-label__table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.white-label__table tr:last-child td{border-bottom:none}.white-label__empty{text-align:center;color:var(--neutral-60);padding:32px 16px}.white-label__brand-cell{display:flex;align-items:center;gap:8px;font-weight:600}.white-label__logo-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.white-label__logo-dot--empty{background:var(--neutral-90)}.white-label__swatches{display:flex;gap:6px}.white-label__swatch{width:20px;height:20px;border-radius:6px;border:1px solid var(--border)}.white-label__badges{display:flex;align-items:center;gap:8px}.badge-outline{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;border:1px solid var(--border);color:var(--neutral-60)}.badge-outline--default{color:var(--color-primary-dark);border-color:var(--color-primary-10);background:var(--color-primary-10)}.status-toggle{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid var(--border);background:var(--neutral-96);color:var(--neutral-60);cursor:pointer}.status-toggle--active{background:#dcfce7;border-color:#dcfce7;color:#166534}.white-label__row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12.5px;font-weight:600;color:var(--neutral-60)}.field input,.field select,.field textarea{font-family:inherit;font-size:13.5px;color:var(--text);background:var(--neutral-98);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%}.field input:focus{outline:none;border-color:var(--color-primary);background:#fff}.field input:disabled{opacity:.6;cursor:not-allowed}.field__error{font-size:12px;color:var(--color-primary)}.color-field{display:flex;align-items:center;gap:8px;background:var(--neutral-98);border:1px solid var(--border);border-radius:8px;padding:4px 8px}.color-field input[type=color]{width:30px;height:30px;padding:0;border:none;background:none;cursor:pointer;flex-shrink:0}.color-field input[type=text]{background:none;border:none;padding:6px 0}.color-field input[type=text]:focus{background:none}.asset-upload{display:flex;align-items:center;gap:10px;background:var(--neutral-98);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.asset-upload__preview{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid var(--border);flex-shrink:0}.asset-upload__placeholder{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--neutral-92);color:var(--neutral-60);flex-shrink:0}.asset-upload__body{display:flex;flex-direction:column;gap:2px;min-width:0}.asset-upload__body input[type=file]{font-size:12px;padding:0;background:none;border:none}.brand-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0d80;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.brand-modal{background:#fff;border-radius:14px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px}.brand-modal__head{display:flex;align-items:center;justify-content:space-between}.brand-modal__head h3{margin:0;font-size:16px}.brand-modal__close{background:none;border:none;cursor:pointer;color:var(--neutral-60);padding:4px}.brand-modal__close:hover{color:var(--color-primary)}.brand-modal__footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login__brand{position:relative;overflow:hidden;display:flex;align-items:center;padding:56px;color:var(--color-black);background:#fff;border-right:1px solid var(--border)}.login__brand-inner{position:relative;z-index:1;max-width:460px}.login__tagline{position:relative;margin:44px 0 16px;padding-top:22px;font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.5px}.login__tagline:before{content:"";position:absolute;top:0;left:0;width:56px;height:4px;border-radius:2px;background:var(--color-primary)}.login__subtag{margin:0;font-size:16px;line-height:1.6;color:var(--neutral-60)}.login__brand-glow{position:absolute;right:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:#d828191a;filter:blur(10px)}.login__panel{display:flex;align-items:center;justify-content:center;padding:48px 32px}.login__card{width:100%;max-width:400px}.login__card-head h2{margin:0 0 6px;font-size:28px;font-weight:800;color:var(--color-black)}.login__form{display:flex;flex-direction:column;gap:18px;margin-top:28px}.field{display:flex;flex-direction:column;gap:7px}.field__label{font-size:13px;font-weight:600;color:var(--neutral-50)}.field__input{width:100%;padding:12px 14px;font-size:15px;color:var(--color-black);background:var(--neutral-98);border:1.5px solid var(--neutral-90);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.field__input::placeholder{color:var(--neutral-70)}.field__input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint)}.field__input--error{border-color:var(--color-primary)}.field__error{font-size:12.5px;color:var(--color-primary)}.field__password{position:relative}.field__password .field__input{padding-right:64px}.field__toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:none;padding:4px 6px;font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer}.pw-rules{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.pw-rules__item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--neutral-70)}.pw-rules__item--ok{color:#1f9d55}.pw-rules__dot{display:inline-flex;width:14px;justify-content:center;font-weight:700}.login__row{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.checkbox{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--neutral-50);cursor:pointer}.checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.login__link{color:var(--color-primary);font-size:13.5px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;font-size:14px;font-weight:700;border:none;border-radius:9px;cursor:pointer;transition:background .15s,transform .05s}.btn--primary{color:#fff;background:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.login__alert{margin-top:20px;padding:11px 14px;font-size:13.5px;color:var(--color-primary-dark);background:var(--color-primary-tint);border:1px solid var(--color-primary);border-radius:10px}.login__foot{margin-top:22px;text-align:center;font-size:13.5px}@media (max-width: 880px){.login{grid-template-columns:1fr}.login__brand{display:none}.login__panel{min-height:100vh}}:root{--color-primary-10: #f7d4d1;--color-primary-tint: #f7d4d1;--color-primary: #d82819;--color-primary-dark: #8a2819;--color-primary-darker: #361a0e;--color-black: #0d0d0d;--neutral-10: #0d0d0d;--neutral-30: #252525;--neutral-50: #454545;--neutral-60: #595959;--neutral-70: #8c8c8c;--neutral-90: #d9d9d9;--neutral-92: #e6e6e6;--neutral-96: #f5f5f5;--neutral-98: #fafafa;--content-bg: #f8fafc;--text: #0d0d0d;--muted: #64748b;--accent: var(--color-primary);--border: #e2e8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--content-bg)}h1{font-size:24px;margin:0 0 8px}.muted{color:var(--muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:16px;max-width:640px}.card h3{margin-top:0}.card pre{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;overflow-x:auto;font-size:13px}.card pre.error{background:#7f1d1d}.centered{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:100vh;text-align:center}.loader{color:var(--muted)}.brand-logo{display:inline-block;width:auto;object-fit:contain}
