:root{--color-primary: #4162B3;--color-primary-dark: #334f8f;--color-primary-light: #5a7dcf;--color-accent: #5C1B1F;--color-accent-dark: #3d1114;--color-accent-light: #7a2a30;--color-white: #ffffff;--color-bg: #f8f9fc;--color-surface: #ffffff;--color-border: #e8eaef;--color-border-light: #f0f1f5;--color-text: #1e2a3a;--color-text-secondary:#5a6478;--color-text-muted: #8b95a5;--color-success: #1a8754;--color-success-bg: rgba(26,135,84,.08);--color-warning: #d97706;--color-warning-bg: rgba(217,119,6,.08);--color-danger: #dc2626;--color-danger-bg: rgba(220,38,38,.08);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--shadow-xs: 0 1px 2px rgba(30,42,58,.05);--shadow-sm: 0 1px 3px rgba(30,42,58,.08), 0 1px 2px rgba(30,42,58,.04);--shadow-md: 0 4px 6px rgba(30,42,58,.07), 0 2px 4px rgba(30,42,58,.04);--shadow-lg: 0 10px 15px rgba(30,42,58,.08), 0 4px 6px rgba(30,42,58,.04);--shadow-xl: 0 20px 25px rgba(30,42,58,.1), 0 8px 10px rgba(30,42,58,.04);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: .2s cubic-bezier(.4,0,.2,1);--transition-fast: .12s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);font-size:15px;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;line-height:1.5}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}h2{font-size:1.35rem;font-weight:700;letter-spacing:-.015em;color:var(--color-text)}h3{font-size:1.1rem;font-weight:600;color:var(--color-text)}p{line-height:1.6;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 1px 3px #4162b34d}.btn--primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #4162b359;transform:translateY(-1px)}.btn--primary:active{transform:translateY(0) scale(.98)}.btn--accent{background:var(--color-accent);color:var(--color-white);box-shadow:0 1px 3px #5c1b1f4d}.btn--accent:hover{background:var(--color-accent-dark);box-shadow:0 4px 12px #5c1b1f59;transform:translateY(-1px)}.btn--outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background:#4162b30f;border-color:var(--color-primary-dark)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-border-light);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:var(--color-white)}.btn--danger:hover{background:#b91c1c}.btn--success{background:var(--color-success);color:var(--color-white)}.btn--success:hover{background:#15714a}.btn--lg{padding:14px 28px;font-size:.95rem;border-radius:var(--radius-lg)}.btn--xl{padding:16px 0;font-size:1rem;border-radius:var(--radius-lg);width:100%}.btn--icon{padding:10px;border-radius:var(--radius-md);width:40px;height:40px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.touch-btn{min-height:56px;min-width:56px;border-radius:var(--radius-lg);font-size:1rem;font-weight:600}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-group input,.input-group select,.input-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font);font-size:.875rem;color:var(--color-text);background:var(--color-white);transition:border-color var(--transition),box-shadow var(--transition);outline:none;height:42px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4162b31f}.input-group input::placeholder,.input-group select::placeholder,.input-group textarea::placeholder{color:var(--color-text-muted)}.input-group textarea{height:auto;min-height:80px;resize:vertical}.input-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a6478' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge--primary{background:#4162b31a;color:var(--color-primary)}.badge--accent{background:#5c1b1f1a;color:var(--color-accent)}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--neutral{background:var(--color-border-light);color:var(--color-text-muted)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs)}table.saleshub-table{width:100%;border-collapse:collapse;background:var(--color-white)}table.saleshub-table thead tr{background:var(--color-accent);color:var(--color-white)}table.saleshub-table th,table.saleshub-table td{padding:12px 16px;text-align:left;font-size:.875rem}table.saleshub-table th{font-weight:600;letter-spacing:.02em;font-size:.8rem;text-transform:uppercase}table.saleshub-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}table.saleshub-table tbody tr:hover{background:#f8f9fc}table.saleshub-table tbody tr:last-child{border-bottom:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-right{text-align:right}.text-center{text-align:center}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}@media(max-width:1023px){html,body{font-size:14px}.btn--xl{font-size:.95rem;min-height:48px}table.saleshub-table th,table.saleshub-table td{padding:10px 12px;font-size:.82rem}}@media(max-width:899px){html,body{font-size:13px}.card{padding:16px}.btn{padding:9px 16px;font-size:.85rem}table.saleshub-table th,table.saleshub-table td{padding:8px 10px;font-size:.8rem}}