@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Inter:wght@400;500&display=swap");:root{--layout-sidebar-width:240px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--font-heading:"Manrope",system-ui,-apple-system,Segoe UI,sans-serif;--font-body:"Inter",system-ui,-apple-system,Segoe UI,sans-serif;--bg-primary:#0c1018;--bg-secondary:#111827;--bg-tertiary:#0f172a;--text-primary:#e5e7eb;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-primary:#3d4f63;--border-secondary:#556a82;--control-bg:#151d2e;--control-border:#5c7090;--accent-primary:#38bdf8;--accent-secondary:#0ea5e9;--accent-light:rgba(56,189,248,0.15);--success:#34d399;--warning:#f59e0b;--error:#f87171;--info:#38bdf8;--bg:var(--bg-primary);--surface:var(--bg-secondary);--surface-2:var(--bg-tertiary);--text:var(--text-primary);--muted:var(--text-secondary);--primary:var(--accent-primary);--border:var(--border-primary)}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-primary:#cbd5e1;--border-secondary:#94a3b8;--control-bg:#ffffff;--control-border:#94a3b8;--bg:var(--bg-primary);--surface:var(--bg-secondary);--surface-2:var(--bg-tertiary);--text:var(--text-primary);--muted:var(--text-secondary);--border:var(--border-primary);.panel{box-shadow:0 4px 20px rgba(0,0,0,.08);background:rgba(255,255,255,.95)}}[data-accent=ocean]{--accent-primary:#38bdf8;--accent-secondary:#0ea5e9;--accent-light:rgba(56,189,248,0.15);--primary:var(--accent-primary)}[data-accent=emerald]{--accent-primary:#34d399;--accent-secondary:#10b981;--accent-light:rgba(52,211,153,0.15);--primary:var(--accent-primary);--info:var(--accent-primary)}[data-accent=violet]{--accent-primary:#a78bfa;--accent-secondary:#8b5cf6;--accent-light:rgba(167,139,250,0.15);--primary:var(--accent-primary);--info:var(--accent-primary)}[data-accent=amber]{--accent-primary:#fbbf24;--accent-secondary:#f59e0b;--accent-light:rgba(251,191,36,0.15);--primary:var(--accent-primary);--warning:var(--accent-secondary)}[data-accent=rose]{--accent-primary:#fb7185;--accent-secondary:#e11d48;--accent-light:rgba(251,113,133,0.15);--primary:var(--accent-primary);--error:var(--accent-secondary)}[data-accent=cyan]{--accent-primary:#22d3ee;--accent-secondary:#06b6d4;--accent-light:rgba(34,211,238,0.15);--primary:var(--accent-primary);--info:var(--accent-primary)}[data-font-size=small]{font-size:14px}[data-font-size=medium]{font-size:16px}[data-font-size=large]{font-size:18px}*{box-sizing:border-box}html{transition:background-color .3s ease,color .3s ease;scrollbar-gutter:stable}body{overflow-x:clip;background:var(--bg-primary);background-image:radial-gradient(80% 80% at 20% 0,var(--accent-light) 0,transparent 55%),linear-gradient(140deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;transition:background-color .3s ease,color .3s ease}body,main{margin:0;width:100%}main{max-width:none;box-sizing:border-box;padding:2rem clamp(1rem,2.5vw,2.5rem) 4rem}h1,h2,h3{margin:0;font-family:var(--font-heading);font-weight:700}*,:after,:before{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 40px rgba(0,0,0,.35);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}[data-theme=light] .panel{box-shadow:0 4px 20px rgba(0,0,0,.08);background:rgba(255,255,255,.95)}input,select,textarea{background:var(--control-bg)}button,input,select,textarea{border:1px solid var(--control-border);color:var(--text-primary);padding:.6rem .8rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}button{background:var(--bg-tertiary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}button{cursor:pointer;transition:transform .12s ease,background-color .2s ease,border-color .2s ease}button:hover{transform:translateY(-1px);border-color:var(--accent-primary)}button:active{transform:translateY(0)}.btn-primary,.btn-success{font-weight:500}.btn-ghost{border-color:var(--border-primary)}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent-primary);background:var(--accent-light)}.color-palette-selector{width:100%}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.palette-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.palette-option:hover{border-color:var(--palette-primary);transform:translateY(-2px)}.palette-option.selected{border-color:var(--palette-primary);background:var(--accent-light);box-shadow:0 0 0 3px var(--accent-light)}.palette-swatch{display:flex;width:40px;height:20px;border-radius:var(--radius-sm);overflow:hidden}.swatch-primary{flex:1 1;background:var(--palette-primary)}.swatch-secondary{flex:1 1;background:var(--palette-secondary)}.palette-name{font-size:.8rem;font-weight:500;color:var(--text-primary)}.selected-indicator{position:absolute;top:4px;right:4px;color:var(--palette-primary)}.theme-preview{padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.preview-section{margin-bottom:1rem}.preview-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.preview-container{display:flex;flex-direction:column;gap:1rem}.preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1rem}.preview-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.preview-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary)}.preview-text{flex:1 1}.preview-title{height:10px;width:60%;background:var(--text-primary);border-radius:2px;margin-bottom:6px}.preview-subtitle{height:8px;width:40%;background:var(--text-secondary);border-radius:2px}.preview-card-body{margin-bottom:.75rem}.preview-line{height:8px;background:var(--text-secondary);border-radius:2px;margin-bottom:6px}.preview-line.short{width:70%}.preview-card-footer{display:flex;gap:.5rem}.preview-btn-primary{padding:.4rem .8rem;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:white;font-size:.75rem;font-weight:500}.preview-btn-secondary{padding:.4rem .8rem;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem}.preview-badges{display:flex;gap:.5rem;flex-wrap:wrap}.preview-badge{padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.preview-badge.success{background:rgba(52,211,153,.2);color:var(--success)}.preview-badge.warning{background:rgba(245,158,11,.2);color:var(--warning)}.preview-badge.error{background:rgba(248,113,113,.2);color:var(--error)}.preview-badge.info{background:var(--accent-light);color:var(--accent-primary)}.preview-info{font-size:.85rem;color:var(--text-secondary)}.preview-info p{margin:.25rem 0}.table{width:100%;border-collapse:collapse;margin-top:.8rem}.table td,.table th{padding:.75rem .5rem;text-align:left;border-bottom:1px solid var(--border-secondary);vertical-align:top}.table th{font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.status-chip{border-radius:999px;display:inline-block;padding:.15rem .55rem;font-size:.8rem;font-weight:500}.status-draft{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.status-AISUGGESTED,.status-READYFORREVIEW{background:var(--accent-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.status-ACTIVE,.status-PUBLISHED{background:rgba(52,211,153,.15);color:var(--success);border:1px solid var(--success)}.status-HIDDEN,.status-SOLD{background:rgba(245,158,11,.15);color:var(--warning);border:1px solid var(--warning)}.status-ERROR,.status-error{background:rgba(248,113,113,.15);color:var(--error);border:1px solid var(--error)}.grid{display:grid;grid-template-columns:var(--layout-sidebar-width) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}.grid>:nth-child(2){min-width:0}.grid-primary-aside{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);grid-gap:1rem;gap:1rem;align-items:start}.grid-primary-aside>:nth-child(2){min-width:0}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}@media (max-width:1100px){.grid,.grid-primary-aside{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4{grid-template-columns:1fr}}.row{gap:.6rem;align-items:center;flex-wrap:wrap}.row,.stack{display:flex}.stack{flex-direction:column;gap:.75rem}.grow{flex:1 1}.badge{padding:.2rem .5rem}.muted{color:var(--text-secondary)}.photo{width:80px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.message-thread{margin-top:.6rem;border:1px dashed var(--border-secondary);border-radius:var(--radius-md);padding:.6rem;background:var(--bg-tertiary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.message-thread:hover{border-color:var(--accent-primary);background:var(--accent-light)}.fade-up{animation:fade-up .18s cubic-bezier(.33,1,.68,1)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav-outer{width:100%;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.nav-header{width:100%;max-width:none;margin:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:1rem;gap:1rem;padding:.9rem clamp(1rem,2.5vw,2.5rem)}.nav-brand{justify-self:start;font-family:var(--font-heading);font-weight:800;font-size:1.25rem;color:var(--text-primary)}.nav-links{justify-self:center;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;min-width:0}.nav-link{padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:color .2s ease,background-color .2s ease}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent-primary);background:var(--accent-light)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;font-size:.7rem;font-weight:600;background:var(--accent-primary);color:white;border-radius:999px}.nav-actions{justify-self:end;display:flex;align-items:center;gap:.75rem}.settings-select{width:100%;padding:.6rem .8rem;font-size:.9rem;font-family:inherit;border-radius:var(--radius-md);border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-primary)}.ebay-field-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.ebay-form-field{display:flex;flex-direction:column;gap:.35rem;flex:1 1;min-width:0}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 1 auto;width:100%;min-width:0;padding-top:1rem;box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-weight:500;font-size:.9rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn:hover{transform:translateY(-1px);border-color:var(--accent-primary);background:var(--accent-light)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-input-hitbox{position:relative;min-height:2.75rem;-webkit-tap-highlight-color:transparent}.file-input-hitbox input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;font-size:1rem;line-height:1;z-index:2;border:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;pointer-events:auto;box-sizing:border-box}.btn-primary{border-color:var(--accent-primary);color:white}.btn-primary,.btn-primary:hover{background:linear-gradient(120deg,var(--accent-primary),var(--accent-secondary))}.btn-primary:hover{filter:brightness(1.1)}.btn-success{background:linear-gradient(120deg,var(--success),#10b981);border-color:var(--success);color:white}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:linear-gradient(120deg,var(--error),#dc2626);border-color:var(--error);color:white}.btn-danger:hover{filter:brightness(1.1)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--accent-light);border-color:var(--accent-primary)}.btn-sm{padding:.4rem .6rem;font-size:.8rem}.btn-lg{padding:.8rem 1.5rem;font-size:1rem}.btn-spinner{display:inline-flex}.btn-icon-left,.btn-icon-right{display:inline-flex;align-items:center}.input-wrapper{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.input-container{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:.6rem .8rem;font-size:.9rem}.input-container.has-left-icon .input-field{padding-left:2.5rem}.input-container.has-right-icon .input-field{padding-right:2.5rem}.input-container.has-error .input-field{border-color:var(--error);box-shadow:0 0 0 3px rgba(248,113,113,.15)}.input-icon-left,.input-icon-right{position:absolute;display:flex;align-items:center;color:var(--text-secondary);pointer-events:none}.input-icon-left{left:.8rem}.input-icon-right{right:.8rem}.input-error{font-size:.8rem;color:var(--error)}.input-helper{font-size:.8rem;color:var(--text-tertiary);pointer-events:none}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.card-header-text{flex:1 1}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.card-subtitle{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0}.card-actions{display:flex;gap:.5rem;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-primary{background:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.badge-success{background:rgba(52,211,153,.15);color:var(--success);border-color:var(--success)}.badge-warning{background:rgba(245,158,11,.15);color:var(--warning);border-color:var(--warning)}.badge-error{background:rgba(248,113,113,.15);color:var(--error);border-color:var(--error)}.badge-info{background:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.badge-sm{padding:.15rem .4rem;font-size:.7rem}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:1rem;animation:fade-in .2s ease}[data-theme=light] .modal-overlay{background:rgba(0,0,0,.4)}.modal-container{width:100%;max-height:90vh;overflow:hidden;animation:slide-up .2s ease}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:900px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden}[data-theme=light] .modal-content{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary)}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:1.25rem;overflow-y:auto;max-height:calc(90vh - 80px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-empty,.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary)}.table-spinner{width:24px;height:24px;border:2px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.table-empty p{margin:0}.table tr.clickable{cursor:pointer;transition:background-color .15s ease}.table tr.clickable:hover{background:var(--accent-light)}.stats-widget{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .2s ease}[data-theme=light] .stats-widget{box-shadow:0 4px 20px rgba(0,0,0,.05)}.stats-widget:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stats-title{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stats-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-light);color:var(--accent-primary);border-radius:var(--radius-md)}.stats-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stats-change{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8rem;font-weight:500}.stats-change.positive{color:var(--success)}.stats-change.negative{color:var(--error)}@media (max-width:768px){main{padding:1rem}.palette-grid{grid-template-columns:repeat(2,1fr)}.nav-header{grid-template-columns:1fr;justify-items:center;padding:.75rem 1rem;row-gap:.65rem}.nav-brand{justify-self:center}.nav-links{width:100%;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-actions{justify-self:center}.modal-lg,.modal-md,.modal-sm{max-width:100%}.stats-value{font-size:1.5rem}}