:root{--color-primary: #6D4FE0;--color-primary-dark: #4A2FB8;--color-accent: #1FAE6B;--color-ink: #0D0E14;--color-surface: #16171F;--color-border: #1E1F2A;--color-text: #F7F6F3;--color-text-muted: #A8A8B8;--font-display: "Inter", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-card: 12px;--radius-control: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-ink);color:var(--color-text);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}.mono{font-family:var(--font-mono)}a{color:#8ecdf8}.session-loading,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.session-loading{color:var(--color-text-muted)}.login-card{width:min(420px,100%);padding:34px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 24px 80px #0008}.login-brand{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));font-weight:900}.login-eyebrow{margin-bottom:6px;color:#a78bfa;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-card h1{font-size:25px}.login-subtitle{margin:8px 0 24px;color:var(--color-text-muted);font-size:13px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;color:var(--color-text-muted);font-size:12px;font-weight:650}.login-form input{width:100%;padding:11px 12px;color:var(--color-text);background:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-control)}.login-form input:focus{outline:2px solid #6d4fe066;border-color:var(--color-primary)}.login-error{color:#fca5a5;font-size:13px}.login-submit{min-height:42px}.account-menu{display:flex;align-items:center;gap:12px;margin-left:auto;color:var(--color-text-muted);font-size:12px}.account-menu span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{padding:28px 32px;max-width:1180px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-heading p{color:var(--color-text-muted);margin-top:4px;font-size:13px}.button{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:600}.button:disabled{opacity:.55;cursor:wait}.button--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none}.button--danger{color:#fca5a5}.button--danger-solid{background:#b42332;border-color:#ef4455;color:#fff}.product-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:12px;padding:14px 16px;margin-bottom:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.product-toolbar label{display:grid;gap:6px;color:var(--color-text-muted);font-size:11px;font-weight:700}.product-toolbar input,.product-toolbar select{width:100%;min-width:0;background:var(--color-ink);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:9px 11px}.toolbar-clear{height:38px}.library-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.library-stat{display:grid;gap:4px;min-width:0;padding:17px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.library-stat strong{font-family:var(--font-mono);font-size:23px;line-height:1.2;overflow-wrap:anywhere}.library-stat span{color:var(--color-text-muted);font-size:11px}.library-stat--violet strong{color:#a78bfa}.library-stat--green strong{color:#34d399}.library-stat--blue strong{color:#38bdf8}.library-stat--orange strong{color:#fb923c}.product-form{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:12px;padding:20px;margin-bottom:20px}.product-form h3{color:#a78bfa;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:6px;color:var(--color-text-muted);font-size:12px}.form-grid input,.form-grid select{width:100%;background:var(--color-ink);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:10px 12px}.span-2{grid-column:span 2}.checkbox-row,.form-actions,.card-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.checkbox-row{margin:16px 0;color:var(--color-text-muted);text-transform:capitalize}.inline-error{color:#fca5a5;margin-bottom:12px}.recent-product-row{display:flex;justify-content:space-between;gap:18px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:10px}.table-shell{width:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.products-table{width:100%;border-collapse:collapse;table-layout:fixed}.products-table th{padding:12px 14px;text-align:left;color:var(--color-text-muted);background:#12131a;border-bottom:1px solid var(--color-border);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.products-table th:nth-child(1){width:23%}.products-table th:nth-child(2){width:14%}.products-table th:nth-child(3){width:10%}.products-table th:nth-child(4){width:11%}.products-table th:nth-child(5){width:17%}.products-table th:nth-child(6){width:13%}.products-table th:nth-child(7){width:12%}.products-table td{padding:14px;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;vertical-align:middle;overflow-wrap:anywhere}.products-table tbody tr:last-child td{border-bottom:0}.products-table tbody tr:hover{background:#6d4fe00f}.table-product{display:grid;gap:5px;min-width:0}.table-product strong{color:var(--color-text);font-size:15px;line-height:1.3}.table-product a{width:fit-content}.vendor-name{color:#c4b5fd;font-weight:650}.offer-details{display:grid;gap:5px;min-width:0}.offer-details strong{color:var(--color-text)}.price-value{color:var(--color-text);font-family:var(--font-mono)}.commission{display:inline-block;color:#34d399;background:#34d39914;border:1px solid #34d3993d;border-radius:7px;padding:5px 8px;font-family:var(--font-mono);font-size:13px}.flag-actions,.table-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.performance-badges{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.badge{padding:2px 8px;border:1px solid #6d4fe066;border-radius:6px;color:#a78bfa;font-size:10px}.badge--active{color:#34d399;border-color:#34d39966}.badge--paused{color:#fbbf24;border-color:#fbbf2466}.badge--archived{color:#a8a8b8;border-color:#a8a8b866}.badge--draft{color:#38bdf8;border-color:#38bdf866}.badge--expired{color:#f87171;border-color:#f8717166}.badge--open,.epc-badge--very-high{color:#34d399;border-color:#34d39966}.epc-badge--high{color:#6ee7b7;border-color:#6ee7b766}.epc-badge--medium{color:#fbbf24;border-color:#fbbf2466}.epc-badge--low{color:#fb923c;border-color:#fb923c66}.epc-badge--very-low{color:#f87171;border-color:#f8717166}.icon-button{background:transparent;color:#fbbf24;border:1px solid var(--color-border);border-radius:8px;padding:7px 10px;cursor:pointer}.watchlist-button{color:#a78bfa}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#000000b8}.confirm-modal{width:min(440px,100%);padding:24px;background:var(--color-surface);border:1px solid #ef445566;border-radius:14px;box-shadow:0 24px 70px #000c}.confirm-modal h3{margin-bottom:10px}.confirm-modal p{color:var(--color-text-muted);line-height:1.55;margin-bottom:20px}.loading-state,.empty-state,.error-state{padding:42px;text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.error-state{display:grid;justify-items:center;gap:10px;color:#fca5a5}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #ffffff33;border-top-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:8px}.toast{position:fixed;top:74px;right:24px;z-index:10;padding:12px 18px;border-radius:9px;background:#16382a;border:1px solid #34d39966;color:#a7f3d0;box-shadow:0 10px 30px #0008}.toast--error{background:#401c24;border-color:#f8717166;color:#fecaca}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.product-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.products-table thead{display:none}.products-table,.products-table tbody,.products-table tr,.products-table td{display:block;width:100%}.products-table tbody{display:grid;gap:12px;padding:12px}.products-table tr{padding:8px 14px;border:1px solid var(--color-border);border-radius:10px}.products-table td{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--color-border)}.products-table td:before{content:attr(data-label);color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.products-table td:last-child{border-bottom:0}}@media (max-width: 800px){.app-content{padding:20px 16px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-heading,.recent-product-row{align-items:flex-start;flex-direction:column}.library-summary{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.product-toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.library-summary{grid-template-columns:1fr}}