:root{--color-primary: #2c1810;--color-primary-hover: #3d251a;--color-primary-light: rgba(44, 24, 16, .08);--color-primary-shadow: rgba(44, 24, 16, .3);--color-primary-text: #faf6f1;--color-bg: #faf6f1;--color-surface: #ffffff;--color-surface-alt: #faf9f5;--color-surface-semi: rgba(255, 255, 255, .8);--color-border: #e5e5e5;--color-border-emphasis: #2c1810;--color-text: #292827;--color-text-secondary: rgba(41, 40, 39, .7);--color-text-tertiary: #6b7280;--color-success: #5a8a6f;--color-success-light: rgba(90, 138, 111, .1);--color-warning: #c4873a;--color-warning-light: rgba(196, 135, 58, .1);--color-error: #b94a48;--color-error-light: rgba(185, 74, 72, .1);--color-info: #8b6f5a;--color-info-light: rgba(139, 111, 90, .1);--color-stat-1: #8b6f5a;--color-stat-2: #a67c52;--color-stat-3: #7a8b6f;--color-stat-4: #5a8a6f;--shadow-sm: 2px 2px 0px 0px #2c1810;--shadow-md: 3px 3px 0px 0px #2c1810;--shadow-lg: 6px 6px 0px 0px #2c1810;--font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;width:100%;height:100vh}html{width:100%;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}html,body,#root{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;display:block!important;place-items:unset!important}.dashboard-container{display:grid!important;grid-template-columns:280px 1fr!important;min-height:100vh;width:100%!important;max-width:none!important}.sidebar{background:var(--color-surface);border-right:2px solid var(--color-border);padding:32px 0;position:fixed;width:280px;height:100vh;overflow-y:auto}.sidebar-header{padding:0 32px;margin-bottom:40px}.sidebar-header h1{font-size:28px;font-weight:700;color:var(--color-text)}.nav-menu{list-style:none;padding:0 16px}.nav-item{margin-bottom:8px}.nav-item a{display:flex;align-items:center;padding:16px;color:var(--color-text-secondary);text-decoration:none;border-radius:12px;transition:all .2s ease;font-weight:500}.nav-item a:hover{background:var(--color-surface-alt);color:var(--color-text)}.nav-item.active a{background:var(--color-primary);color:var(--color-primary-text)}.nav-icon{margin-right:12px;font-size:20px}.sidebar-footer{position:absolute;bottom:24px;left:32px;right:32px}.user-info{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface-alt);border-radius:12px;margin-bottom:16px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2c1810,#5c3a2a);display:flex;align-items:center;justify-content:center;color:var(--color-primary-text);font-weight:600;font-size:16px}.user-name{font-weight:600;color:var(--color-text);font-size:14px}.user-role{color:var(--color-text-secondary);font-size:12px}.logout-btn{width:100%;padding:12px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:var(--color-surface-alt);border-color:var(--color-border-emphasis);box-shadow:var(--shadow-sm)}.main-content{margin-left:280px;padding:32px;width:calc(100vw - 280px)!important;max-width:none!important;min-width:0}.dashboard-header{margin-bottom:40px}.header-content{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:24px}.page-title{font-size:32px;font-weight:700;color:var(--color-text);margin-bottom:8px}.page-subtitle{color:var(--color-text-secondary);font-size:16px}.credit-summary{display:flex;align-items:center;gap:24px}.credit-item{text-align:center}.credit-amount{font-size:24px;font-weight:700;color:var(--color-success)}.credit-label{color:var(--color-text-secondary);font-size:14px;margin-top:4px}.page-content{display:none}.page-content.active{display:block}.stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px;margin-bottom:32px;width:100%!important}@media (min-width: 1400px){.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:32px}}@media (max-width: 1399px) and (min-width: 1000px){.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:20px}}@media (max-width: 999px) and (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px}}.stat-card{background:var(--color-surface);padding:24px;border-radius:12px;border:2px solid var(--color-border);display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:var(--shadow-sm);min-width:0;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-emphasis)}.stat-card.budget{border-left:4px solid var(--color-stat-1)}.stat-card.tools{border-left:4px solid var(--color-stat-2)}.stat-card.efficiency{border-left:4px solid var(--color-stat-3)}.stat-card.success{border-left:4px solid var(--color-stat-4)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:10px;flex-shrink:0}.stat-card.budget .stat-icon{background:#8b6f5a1a;border-color:#8b6f5a33;color:var(--color-stat-1)}.stat-card.tools .stat-icon{background:#a67c521a;border-color:#a67c5233;color:var(--color-stat-2)}.stat-card.efficiency .stat-icon{background:#7a8b6f1a;border-color:#7a8b6f33;color:var(--color-stat-3)}.stat-card.success .stat-icon{background:#5a8a6f1a;border-color:#5a8a6f33;color:var(--color-stat-4)}.stat-icon svg{width:22px;height:22px}.stat-content{flex:1;min-width:0}.stat-value{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:6px}.stat-label{color:var(--color-text-tertiary);font-size:13px;margin-bottom:8px}.stat-trend{font-size:12px;font-weight:500;padding:4px 10px;border-radius:16px;display:inline-block}.stat-trend.positive{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(90,138,111,.2)}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:8px;background:var(--color-success-light);color:var(--color-success);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1;display:flex;flex-direction:column;gap:2px}.activity-title{font-weight:500;color:var(--color-text);font-size:14px}.activity-time{font-size:12px;color:var(--color-text-tertiary)}.activity-amount{font-weight:600;color:var(--color-text);font-size:14px}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;text-align:left}.action-btn.primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.action-btn.primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.action-btn.secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.action-btn.secondary:hover{background:var(--color-surface-alt);border-color:var(--color-border-emphasis);box-shadow:var(--shadow-sm)}.tool-logo-container{position:relative;display:flex;align-items:center;justify-content:center}.tool-logo-small,.tool-logo-small img{width:16px;height:16px;object-fit:contain;border-radius:2px}.tool-logo-medium,.tool-logo-medium img{width:24px;height:24px;object-fit:contain;border-radius:4px}.tool-logo-large,.tool-logo-large img{width:32px;height:32px;object-fit:contain;border-radius:6px}.tool-logo-fallback{display:flex;align-items:center;justify-content:center;font-weight:600}.analytics-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:24px;margin-bottom:32px;width:100%!important}@media (min-width: 1200px){.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:20px}}@media (min-width: 1600px){.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:24px}}.analytics-card{background:var(--color-surface);border-radius:16px;padding:24px;border:2px solid var(--color-border);box-shadow:var(--shadow-sm);min-width:0;overflow:hidden;transition:all .2s ease}.analytics-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.analytics-card.full-width{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.card-header h3{font-size:18px;font-weight:600;color:var(--color-text)}.admin-metrics-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px;margin-bottom:32px;width:100%!important}@media (min-width: 1400px){.admin-metrics-grid{grid-template-columns:repeat(4,1fr)!important;gap:24px}}@media (max-width: 1399px) and (min-width: 1000px){.admin-metrics-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px}}@media (max-width: 999px) and (min-width: 768px){.admin-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px}}.metric-card{background:var(--color-surface);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:2px solid var(--color-border);transition:all .2s ease;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-emphasis)}.metric-card.revenue{border-left:4px solid var(--color-stat-1)}.metric-card.employees{border-left:4px solid var(--color-stat-2)}.metric-card.tools{border-left:4px solid var(--color-stat-3)}.metric-card.savings{border-left:4px solid var(--color-stat-4)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}@media (min-width: 1200px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}@media (min-width: 1600px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media (min-width: 2000px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.transactions-table{background:var(--color-surface);border-radius:12px;border:2px solid var(--color-border);overflow:hidden;overflow-x:auto;box-shadow:var(--shadow-sm)}.transactions-table table{width:100%;border-collapse:collapse;table-layout:fixed}.transactions-table th,.transactions-table td{padding:16px;text-align:left;border-bottom:1px solid var(--color-border)}.transactions-table th{background:var(--color-surface-alt);font-weight:600;color:var(--color-text);font-size:14px}.transactions-table td{color:var(--color-text-secondary);font-size:14px}.filter-controls{display:flex;gap:12px;align-items:center}.date-input,#status-filter{padding:8px 12px;border:2px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-surface)}.date-input:focus,#status-filter:focus{outline:none;border-color:var(--color-border-emphasis);box-shadow:0 0 0 3px var(--color-primary-light)}.tool-rank-item,.dept-item,.category-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border)}.tool-info,.dept-info{display:flex;align-items:center;gap:12px}.tool-icon,.category-icon{font-size:20px}.tool-name,.dept-name,.category-name{font-weight:600;color:var(--color-text)}.tool-users,.dept-users,.category-stats{font-size:12px;color:var(--color-text-secondary)}.tool-spend,.dept-spend{font-weight:600;color:var(--color-text)}.chart-bars{display:flex;align-items:end;gap:8px;height:120px;padding:16px 0}.chart-bar{background:var(--color-primary);border-radius:4px 4px 0 0;min-width:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--color-primary-text);font-size:12px;padding:8px 4px}.bar-value{font-weight:600}.bar-label{color:var(--color-text-secondary);margin-top:8px}.progress-bar{height:8px;border-radius:4px;background:var(--color-border);width:100%;position:relative}.progress-bar.ai-tools{background:linear-gradient(90deg,var(--color-primary) 0%,var(--width, 85%) 85%,var(--color-border) 85%)}.progress-bar.design{background:linear-gradient(90deg,var(--color-stat-2) 0%,var(--width, 62%) 62%,var(--color-border) 62%)}.metric-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.metric-header h4{color:var(--color-text);font-size:15px;font-weight:600;margin:0}.metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--color-surface-alt);border:1px solid var(--color-border);flex-shrink:0}.metric-icon svg{width:20px;height:20px}.metric-card.revenue .metric-icon{background:#8b6f5a1a;border-color:#8b6f5a33;color:var(--color-stat-1)}.metric-card.employees .metric-icon{background:#a67c521a;border-color:#a67c5233;color:var(--color-stat-2)}.metric-card.tools .metric-icon{background:#7a8b6f1a;border-color:#7a8b6f33;color:var(--color-stat-3)}.metric-card.savings .metric-icon{background:#5a8a6f1a;border-color:#5a8a6f33;color:var(--color-stat-4)}.metric-value{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--color-text)}.metric-subtitle{color:var(--color-text-tertiary);font-size:13px;margin-bottom:8px}.metric-trend{font-size:12px;font-weight:500;padding:4px 10px;border-radius:16px;display:inline-block}.metric-trend.positive{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(90,138,111,.2)}@media (max-width: 768px){.dashboard-container{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto}.main-content{margin-left:0;padding:16px}.dashboard-grid,.stats-grid,.analytics-grid{grid-template-columns:1fr}.tools-grid,.admin-metrics-grid{grid-template-columns:1fr;gap:16px}.budget-chart{flex-direction:column;gap:16px}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.credit-summary{gap:16px}.transactions-table th,.transactions-table td{padding:12px 8px;font-size:12px}.transactions-table table{min-width:600px}.filter-controls{flex-direction:column;gap:8px;align-items:stretch}.date-input,#status-filter{width:100%}.card-header{flex-direction:column;align-items:flex-start;gap:16px}.card-header h3{font-size:16px}}.card-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.card-modal{background:var(--color-surface);border-radius:16px;padding:32px;max-width:520px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:2px solid var(--color-border-emphasis);animation:slideUp .3s ease-out;position:relative}.card-modal-close{position:absolute;top:16px;right:16px;background:var(--color-surface-alt);border:2px solid var(--color-border);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s}.card-modal-close:hover{background:var(--color-border);color:var(--color-text);border-color:var(--color-border-emphasis)}.card-modal-tool{display:flex;gap:16px;align-items:center;padding:20px;background:var(--color-surface-alt);border-radius:12px;margin-bottom:24px;border:1px solid var(--color-border)}.card-modal-tool-info h3{margin:0 0 4px;font-size:18px;color:var(--color-text)}.card-modal-tool-info .price{font-size:16px;font-weight:700;color:var(--color-primary)}.card-modal-tool-info .desc{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.card-modal h2{margin:0 0 8px;font-size:22px;color:var(--color-text)}.card-modal-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0 0 24px;line-height:1.5}.card-modal-generate-btn{width:100%;padding:16px;background:var(--color-primary);color:var(--color-primary-text);border:2px solid var(--color-primary);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.card-modal-generate-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.card-modal-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.card-modal-secure{text-align:center;color:var(--color-text-secondary);font-size:12px;margin-top:12px}.card-modal-processing{text-align:center;padding:40px 0}.card-modal-spinner{border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;width:48px;height:48px;animation:cardSpin 1s linear infinite;margin:0 auto 20px}@keyframes cardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-modal-processing h3{margin:0 0 8px;color:var(--color-text)}.card-modal-processing p{color:var(--color-text-secondary);font-size:14px}.card-modal-ready{text-align:center}.card-modal-ready h2{color:var(--color-success);margin-bottom:4px}.card-modal-ready>p{color:var(--color-text-secondary);margin-bottom:24px;font-size:14px}.card-modal-card-visual{background:linear-gradient(135deg,#2c1810,#5c3a2a);border-radius:14px;padding:24px;color:var(--color-primary-text);box-shadow:4px 4px #2c181080;margin-bottom:20px;text-align:left}.card-modal-chip{width:40px;height:30px;background:linear-gradient(135deg,#f7d794,#f5cd79);border-radius:5px;margin-bottom:16px}.card-modal-number{font-family:Courier New,monospace;font-size:20px;letter-spacing:2px;margin-bottom:16px}.card-modal-card-row{display:flex;gap:24px;margin-bottom:12px}.card-modal-card-field label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:2px}.card-modal-card-field span{font-family:Courier New,monospace;font-size:14px}.card-modal-card-name{font-size:11px;text-transform:uppercase;letter-spacing:2px;opacity:.8}.card-modal-billing{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:10px;padding:14px 16px;margin-bottom:16px;text-align:left}.card-modal-billing h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.card-modal-billing p{margin:0;font-size:14px;color:var(--color-text);line-height:1.5}.card-modal-actions{display:flex;gap:10px;margin-bottom:16px}.card-modal-copy-btn{flex:1;padding:12px;background:var(--color-surface-alt);color:var(--color-text);border:2px solid var(--color-border);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.card-modal-copy-btn:hover{border-color:var(--color-border-emphasis);box-shadow:var(--shadow-sm)}.card-modal-copy-btn.copied{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.card-modal-goto-btn{flex:1;padding:12px;background:var(--color-success);color:#fff;border:2px solid var(--color-success);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.card-modal-goto-btn:hover{background:#3d6b52;box-shadow:var(--shadow-sm)}.card-modal-info{background:var(--color-surface-alt);border:2px solid #d4c4b0;border-radius:10px;padding:16px;text-align:left}.card-modal-info h4{margin:0 0 8px;color:var(--color-primary);font-size:13px}.card-modal-info ul{margin:0;padding-left:18px;color:var(--color-text-secondary);font-size:12px;line-height:1.8}.card-modal-error{background:var(--color-error-light);border:2px solid #e5a5a3;color:#7a2e2d;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.card-modal-retry-btn{width:100%;padding:12px;background:var(--color-primary);color:var(--color-primary-text);border:2px solid var(--color-primary);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px}.analytics-container{padding:24px}.analytics-nav{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid var(--color-border);padding-bottom:4px}.nav-tab{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:600;color:var(--color-text-secondary);transition:all .2s;display:flex;align-items:center;gap:8px}.nav-tab span{font-size:18px}.nav-tab:hover{color:var(--color-text);background:var(--color-surface-alt)}.nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.date-range-selector{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:var(--color-surface-alt);border-radius:12px}.date-range-selector select{padding:10px 16px;border:2px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:var(--color-surface)}.export-btn{padding:10px 20px;background:var(--color-primary);color:var(--color-primary-text);border:2px solid var(--color-primary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.export-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.metrics-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.metric-card-enhanced{padding:24px;border-radius:16px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-sm);transition:all .2s;border:2px solid transparent}.metric-card-enhanced:hover{box-shadow:var(--shadow-md)}.metric-card-enhanced.primary{background:linear-gradient(135deg,#2c1810,#5c3a2a);color:var(--color-primary-text);border-color:#2c1810}.metric-card-enhanced.success{background:linear-gradient(135deg,#5a8a6f,#3d6b52);color:#fff;border-color:#5a8a6f}.metric-card-enhanced.info{background:linear-gradient(135deg,#8b6f5a,#6b5343);color:#fff;border-color:#8b6f5a}.metric-card-enhanced.warning{background:linear-gradient(135deg,#c4873a,#a06b28);color:#fff;border-color:#c4873a}.metric-icon-large{font-size:48px;opacity:.9}.metric-content h3{margin:0 0 8px;font-size:14px;opacity:.9;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value-large{font-size:36px;font-weight:800;margin-bottom:4px;line-height:1}.metric-change{font-size:14px;font-weight:600;margin-bottom:4px}.metric-change.positive{color:#fffffff2}.metric-change.neutral{color:#ffffffd9}.metric-sub{font-size:13px;opacity:.8}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.insight-card{padding:20px;border-radius:12px;border:2px solid;display:flex;gap:16px}.insight-card.alert{background:#fef2f2;border-color:#fecaca}.insight-card.success{background:#f0fdf4;border-color:#bbf7d0}.insight-card.info{background:var(--color-surface-alt);border-color:#d4c4b0}.insight-icon{font-size:32px;flex-shrink:0}.insight-content{flex:1}.insight-content h4{margin:0 0 8px;font-size:16px;color:var(--color-text)}.insight-content p{margin:0 0 12px;font-size:14px;color:var(--color-text-secondary)}.insight-action{padding:8px 16px;background:var(--color-surface);border:2px solid currentColor;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.insight-action:hover{box-shadow:var(--shadow-sm)}.analytics-section{margin-bottom:32px}.analytics-section h3{margin:0 0 20px;font-size:20px;color:var(--color-text)}.tools-table{display:flex;flex-direction:column;gap:16px}.tool-row-enhanced{padding:24px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:24px}.tool-row-enhanced:hover{border-color:var(--color-border-emphasis);box-shadow:var(--shadow-md)}.tool-info-enhanced{flex:1}.tool-name-large{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:8px}.tool-meta{display:flex;gap:8px}.category-badge,.users-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.category-badge{background:#f0ebe5;color:#5c3a2a}.users-badge{background:#e8e2d8;color:#4a3520}.tool-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-item{text-align:center}.stat-label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:700;color:var(--color-text)}.tool-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.tool-detail-card{padding:24px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;transition:all .2s}.tool-detail-card:hover{border-color:var(--color-border-emphasis);box-shadow:var(--shadow-md)}.tool-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--color-border)}.tool-detail-header h3{margin:0;font-size:20px;color:var(--color-text)}.category-tag{padding:6px 12px;background:var(--color-surface-alt);color:var(--color-text-secondary);border-radius:8px;font-size:12px;font-weight:600}.tool-metrics-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.compact-metric{text-align:center;padding:12px;background:var(--color-surface-alt);border-radius:8px}.compact-metric .metric-label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.compact-metric .metric-value{display:block;font-size:18px;font-weight:700;color:var(--color-text)}.tool-usage-details{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border)}.detail-label{font-size:14px;color:var(--color-text-secondary)}.detail-value{font-size:14px;font-weight:600;color:var(--color-text)}.detail-value.high{color:var(--color-success)}.detail-value.medium{color:var(--color-warning)}.top-users-section{margin-bottom:20px}.top-users-section h4{margin:0 0 12px;font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.top-user-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--color-surface-alt);border-radius:6px;margin-bottom:8px}.user-rank{font-weight:700;color:var(--color-primary)}.user-name{font-size:14px;color:var(--color-text)}.view-detail-btn{width:100%;padding:12px;background:var(--color-primary);color:var(--color-primary-text);border:2px solid var(--color-primary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.view-detail-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.employee-table-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.employee-card-detailed{padding:24px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px}.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--color-border)}.employee-info h3{margin:0 0 8px;font-size:20px;color:var(--color-text)}.department-badge{padding:4px 12px;background:#faf0e0;color:#7a5230;border-radius:12px;font-size:12px;font-weight:600}.employee-score{text-align:center}.score-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#5a8a6f,#3d6b52);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:4px}.score-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.employee-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.stat-box{text-align:center;padding:16px;background:var(--color-surface-alt);border-radius:8px}.stat-box .stat-number{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:4px}.stat-box .stat-label{font-size:12px;color:var(--color-text-secondary)}.employee-tools-section{margin-bottom:20px}.employee-tools-section h4{margin:0 0 12px;font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.tools-list{display:flex;flex-wrap:wrap;gap:8px}.tool-chip{padding:6px 12px;background:#f0ebe5;color:#5c3a2a;border-radius:12px;font-size:13px;font-weight:600}.employee-activity{padding:12px;background:var(--color-surface-alt);border-radius:8px}.activity-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.activity-icon{font-size:16px}.usage-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.chart-card{padding:24px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm)}.chart-card h3{margin:0 0 20px;font-size:16px;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:200px;gap:12px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar{width:100%;background:linear-gradient(180deg,#2c1810,#5c3a2a);border-radius:4px 4px 0 0;min-height:20px;transition:all .3s;cursor:pointer}.bar:hover{opacity:.8}.bar.data-bar{background:linear-gradient(180deg,#5a8a6f,#3d6b52)}.bar.transactions-bar{background:linear-gradient(180deg,#c4873a,#a06b28)}.bar-label{font-size:12px;color:var(--color-text-secondary);font-weight:600}.bar-value{font-size:14px;color:var(--color-text);font-weight:700}.usage-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.insight-box{padding:20px;background:var(--color-surface-alt);border-radius:12px;border:2px solid var(--color-border)}.insight-box h4{margin:0 0 8px;font-size:16px;color:var(--color-text)}.insight-box p{margin:0;font-size:14px;color:var(--color-text-secondary)}.checkout-container{min-height:100vh;background:linear-gradient(135deg,#2c1810,#5c3a2a);padding:40px 20px;display:flex;justify-content:center;align-items:center}.checkout-card{background:var(--color-surface);border-radius:16px;padding:40px;max-width:600px;width:100%;box-shadow:var(--shadow-lg);border:2px solid var(--color-border-emphasis)}.checkout-header{margin-bottom:30px}.back-btn{background:transparent;border:none;color:var(--color-primary);font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:10px;font-weight:600}.back-btn:hover{text-decoration:underline}.checkout-header h1{margin:0;font-size:28px;color:var(--color-text)}.tool-summary{display:flex;gap:20px;padding:24px;background:var(--color-surface-alt);border-radius:12px;margin-bottom:24px}.tool-logo-large{width:80px;height:80px;border-radius:12px;object-fit:contain;background:var(--color-surface);padding:8px}.tool-info{flex:1}.tool-info h2{margin:0 0 8px;font-size:24px;color:var(--color-text)}.tool-description{margin:0 0 12px;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.tool-meta{display:flex;gap:12px;align-items:center}.tool-category{padding:4px 12px;background:#f0ebe5;color:#5c3a2a;border-radius:12px;font-size:12px;font-weight:600}.tool-price{font-size:18px;font-weight:700;color:var(--color-primary)}.purchase-details{background:var(--color-surface-alt);padding:20px;border-radius:12px;margin-bottom:24px}.purchase-details h3{margin:0 0 16px;font-size:16px;color:var(--color-text)}.detail-row{display:flex;justify-content:space-between;padding:8px 0;color:var(--color-text-secondary);font-size:14px}.detail-row.total{border-top:2px solid var(--color-border);margin-top:8px;padding-top:12px;color:var(--color-text);font-size:16px}.btn-primary,.btn-secondary{width:100%;padding:16px;border:2px solid transparent;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-border);color:var(--color-text);margin-bottom:12px}.btn-secondary:hover{background:#d4d4d4}.btn-large{font-size:18px;padding:18px}.secure-note{text-align:center;color:var(--color-text-secondary);font-size:13px;margin-top:16px}.checkout-step.processing{text-align:center;padding:60px 20px}.spinner-large{border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-step.card-ready{text-align:center}.success-icon{font-size:64px;margin-bottom:16px}.checkout-step.card-ready h2{margin:0 0 8px;color:var(--color-text)}.checkout-step.card-ready>p{color:var(--color-text-secondary);margin-bottom:32px}.virtual-card-display{margin:32px 0}.card-visual{background:linear-gradient(135deg,#2c1810,#5c3a2a);border-radius:16px;padding:32px;color:var(--color-primary-text);box-shadow:4px 4px #2c181080;position:relative;overflow:hidden}.card-chip{width:50px;height:40px;background:linear-gradient(135deg,#f7d794,#f5cd79);border-radius:6px;margin-bottom:24px}.card-number{font-family:Courier New,monospace;font-size:22px;letter-spacing:2px;margin-bottom:20px;font-weight:500}.card-row{display:flex;gap:32px;margin-bottom:16px}.card-field{text-align:left}.card-field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:4px}.card-field span{font-family:Courier New,monospace;font-size:16px;font-weight:500}.card-name{font-size:12px;text-transform:uppercase;letter-spacing:2px;opacity:.9}.billing-address-display{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:10px;padding:14px 16px;margin-bottom:16px;text-align:left}.billing-address-display h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.billing-address-display p{margin:0;font-size:14px;color:var(--color-text);line-height:1.5}.card-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.card-info-box{background:var(--color-surface-alt);border:2px solid #d4c4b0;border-radius:12px;padding:20px;text-align:left}.card-info-box h4{margin:0 0 12px;color:var(--color-primary);font-size:14px}.card-info-box ul{margin:0;padding-left:20px;color:var(--color-text-secondary);font-size:13px;line-height:1.8}.error-message{background:var(--color-error-light);border:2px solid #e5a5a3;color:#7a2e2d;padding:16px;border-radius:8px;margin-bottom:16px;font-size:14px}.checkout-loading,.checkout-error{text-align:center;padding:60px 20px}.checkout-error h2{color:var(--color-error);margin-bottom:16px}.checkout-error button{margin-top:20px;padding:12px 24px;background:var(--color-primary);color:var(--color-primary-text);border:2px solid var(--color-primary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}#root{width:100%;min-height:100vh;margin:0;padding:0}