:root{--ink: #121212;--ink-soft: #6b6b6b;--ink-faint: #9a9a9a;--paper: #ffffff;--line: #e4e4e4;--line-strong: #121212;--danger: #a3251f;--accent: #ff4d2e;--accent-soft: #fff1ee;--accent-ink: #b23a20;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(18,18,18,.06);--shadow-md: 0 6px 20px rgba(18,18,18,.08);--shadow-lg: 0 16px 40px rgba(18,18,18,.14);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Inter,sans-serif;color:var(--ink);background:#fafafa;-webkit-font-smoothing:antialiased}.brand-mark{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;letter-spacing:-.01em}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loaderBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-8px);opacity:1}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--ink);color:#fff;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-md)}.topbar__brand{display:flex;align-items:baseline;gap:10px}.topbar__brand .brand-mark{font-size:20px}.topbar__brand .eyebrow{color:#b8b8b8}.topbar__user{display:flex;align-items:center;gap:14px;font-size:13px;color:#d6d6d6}.topbar__logout{background:none;border:1px solid #4a4a4a;color:#d6d6d6;border-radius:var(--radius-sm);padding:6px 12px;font-size:12.5px;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.topbar__logout:hover{border-color:var(--accent);color:#fff;background:#ff4d2e26}.content{flex:1;max-width:960px;width:100%;margin:0 auto;padding:28px 24px 60px;animation:fadeIn .35s var(--ease)}.loader{display:flex;gap:6px;justify-content:center;align-items:center;padding:80px 0}.loader span{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:loaderBounce .9s ease-in-out infinite}.loader span:nth-child(2){animation-delay:.12s}.loader span:nth-child(3){animation-delay:.24s}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#232323 0%,var(--ink) 60%);padding:24px}.login-frame{border:1px solid #3a3a3a;border-radius:var(--radius);padding:40px 36px;width:100%;max-width:360px;color:#fff;background:#ffffff05;box-shadow:var(--shadow-lg);animation:fadeInUp .4s var(--ease)}.login-frame .brand-mark{font-size:30px;display:block;text-align:center}.login-frame .eyebrow{display:block;text-align:center;color:#9a9a9a;margin-top:4px;margin-bottom:32px}.login-frame label{display:block;font-size:12.5px;color:#b8b8b8;margin-bottom:6px}.login-frame input{width:100%;background:transparent;border:1px solid #4a4a4a;color:#fff;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:18px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.login-frame input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff4d2e33}.login-frame .error{color:#ff9f97;font-size:12.5px;margin:-8px 0 16px;animation:fadeIn .25s var(--ease)}.btn-full{width:100%}.btn{border-radius:var(--radius-sm);padding:10px 18px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid var(--line-strong);transition:transform .15s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:#d8d8d8;border-color:#d8d8d8;color:#999;cursor:not-allowed}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{background:#f4f4f4;border-color:var(--ink)}.login-frame .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.login-frame .btn-primary:hover:not(:disabled){background:#ff6a4d;border-color:#ff6a4d}.card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px;background:var(--paper);box-shadow:var(--shadow-sm);animation:fadeInUp .35s var(--ease);transition:box-shadow .25s var(--ease)}.card:hover{box-shadow:var(--shadow-md)}.card__title{font-size:13px;font-weight:600;color:var(--ink-soft);margin:0 0 16px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:999px;padding:7px 15px;font-size:13px;cursor:pointer;transition:all .2s var(--ease)}.tab:hover{border-color:var(--ink-faint);color:var(--ink)}.tab--active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:var(--shadow-sm)}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.model-card{position:relative;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);animation:fadeInUp .4s var(--ease) backwards}.model-grid>.model-card:nth-child(1){animation-delay:.02s}.model-grid>.model-card:nth-child(2){animation-delay:.04s}.model-grid>.model-card:nth-child(3){animation-delay:.06s}.model-grid>.model-card:nth-child(4){animation-delay:.08s}.model-grid>.model-card:nth-child(5){animation-delay:.1s}.model-grid>.model-card:nth-child(n+6){animation-delay:.12s}.model-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink-faint)}.model-card--selected{border:1.5px solid var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.model-card__img{height:90px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#f2f2f2,#f8f8f8,#f2f2f2);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#b8b8b8}.model-card__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.model-card__name{font-size:12.5px;font-weight:600;line-height:1.25}.model-card__price{font-size:12px;color:var(--ink-soft)}.detail{margin-top:16px;padding:18px;background:#f8f8f8;border-radius:var(--radius);display:flex;gap:14px;animation:fadeInUp .3s var(--ease)}.detail__img{width:80px;height:80px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.detail__name{font-weight:650;font-size:14.5px}.detail__desc{font-size:12.5px;color:var(--ink-soft);margin:2px 0 10px}.variants{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.variant-btn{border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);padding:7px 11px;font-size:12.5px;cursor:pointer;text-align:left;transition:all .2s var(--ease)}.variant-btn:hover{border-color:var(--accent)}.variant-btn--selected{border-color:var(--accent);background:var(--accent);color:#fff}.variant-btn__price{display:block;font-weight:650;margin-top:1px}.detail__footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;overflow:hidden}.qty button{border:none;background:none;width:28px;height:30px;cursor:pointer;font-size:15px;color:var(--ink-soft);transition:background .15s var(--ease),color .15s var(--ease)}.qty button:hover{background:var(--accent-soft);color:var(--accent-ink)}.qty span{width:28px;text-align:center;font-size:13.5px;font-weight:600}.code-tag{font-family:ui-monospace,SF Mono,monospace;font-size:12px;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:4px;padding:3px 7px}table.kp-table{width:100%;border-collapse:collapse;font-size:13.5px}table.kp-table th{text-align:left;font-weight:600;color:var(--ink-soft);font-size:12px;padding:0 8px 8px;border-bottom:1px solid var(--line)}table.kp-table td{padding:11px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle}table.kp-table tr:last-child td{border-bottom:none}table.kp-table tbody tr{animation:fadeInUp .25s var(--ease) backwards;transition:background .15s var(--ease)}table.kp-table tbody tr:hover{background:#fafafa}.row-remove{background:none;border:none;cursor:pointer;color:var(--ink-soft);padding:4px;border-radius:4px;transition:all .15s var(--ease)}.row-remove:hover{background:#fbeceb;color:var(--danger);transform:scale(1.1)}.empty-state{padding:30px 0;text-align:center;color:var(--ink-faint);font-size:13.5px;animation:fadeIn .3s var(--ease)}.discount-row{display:flex;align-items:center;gap:10px;margin:14px 0 4px}.discount-row input[type=range]{flex:1;accent-color:var(--accent)}.discount-row__val{width:44px;text-align:right;font-size:13.5px;font-weight:600}.summary{display:flex;justify-content:flex-end}.summary__box{width:280px}.summary__line{display:flex;justify-content:space-between;font-size:13.5px;padding:5px 0}.summary__line--total{font-weight:650;font-size:15px;border-top:1px solid var(--line);padding-top:9px;margin-top:4px;color:var(--accent-ink)}.kp-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.kp-list-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;font-size:13.5px;transition:all .2s var(--ease)}.kp-list-item:hover{border-color:var(--ink-faint);transform:translate(2px)}.kp-list-item--active{border-color:var(--accent);background:var(--accent-soft)}.kp-list-item__status{font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.new-kp-row{display:flex;gap:8px}.new-kp-row input{flex:1;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;transition:border-color .2s var(--ease)}.new-kp-row input:focus{outline:none;border-color:var(--accent)}.banner-error{background:#fbeceb;color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px;animation:fadeInUp .25s var(--ease)}