@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-glow:#4f46e559;--success:#16a34a;--success-bg:#dcfce7;--warning:#ca8a04;--warning-bg:#fef9c3;--danger:#dc2626;--danger-bg:#fee2e2;--rank-1:#16a34a;--rank-1-bg:#dcfce7;--rank-2:#ca8a04;--rank-2-bg:#fef3c7;--rank-3:#c2410c;--rank-3-bg:#ffedd5;--bg:#0f0f1a;--bg-card:#1a1a2e;--bg-input:#16213e;--border:#ffffff14;--border-focus:#4f46e599;--text:#f1f5f9;--text-muted:#94a3b8;--text-subtle:#64748b;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow:0 8px 32px #0006;--shadow-glow:0 0 40px #4f46e533;--transition:all .25s cubic-bezier(.4,0,.2,1)}html,body,#root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:100%}select,select option,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],input[type=color],textarea,datalist{color:#f1f5f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#16213e}::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer}option{color:#f1f5f9;background-color:#1a1a2e}select:focus option:checked{color:#fff;background:#4f46e5}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px #4f46e580}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in-up{animation:.5s both fadeInUp}.fade-in{animation:.4s both fadeIn}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-hover), #6d28d9);transform:translateY(-1px);box-shadow:0 6px 28px #4f46e580}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:600}.form-input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:var(--transition);outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px}.form-input:focus{border-color:var(--primary);background:#4f46e50d;box-shadow:0 0 0 3px #4f46e526}.form-input::placeholder{color:var(--text-subtle)}.form-input.error{border-color:var(--danger)}.form-error{color:var(--danger);align-items:center;gap:5px;font-size:12px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0a0a0fd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:540px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);background:#4f46e50a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{color:var(--text);margin:0;font-size:16px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{flex-direction:column;gap:18px;max-height:60vh;padding:24px;display:flex;overflow-y:auto}.form-error-banner{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.categories-checkbox-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;display:grid}.category-checkbox-item{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);transition:var(--transition);-webkit-user-select:none;user-select:none;background:#0003;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.category-checkbox-item:hover{color:var(--text);border-color:#4f46e54d}.category-checkbox-item.active{border-color:var(--primary);color:#818cf8;background:#4f46e514;font-weight:600}.modal-actions{border-top:1px solid var(--border);background:#0000001a;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.login-page{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid;overflow:hidden}.login-hero{background:linear-gradient(145deg,#0f0c29,#302b63,#24243e);flex-direction:column;justify-content:center;align-items:flex-start;padding:64px;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";background:radial-gradient(60% 50% at 20% 30%,#4f46e540 0%,#0000 60%),radial-gradient(50% 40% at 80% 80%,#7c3aed33 0%,#0000 60%);position:absolute;inset:0}.hero-orb{filter:blur(60px);opacity:.4;pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#4f46e5,#0000);width:350px;height:350px;animation:7s ease-in-out infinite float;top:-80px;left:-80px}.hero-orb-2{background:radial-gradient(circle,#7c3aed,#0000);width:250px;height:250px;animation:9s ease-in-out infinite reverse float;bottom:60px;right:-60px}.hero-orb-3{background:radial-gradient(circle,#06b6d4,#0000);width:180px;height:180px;animation:6s ease-in-out 2s infinite float;top:55%;left:60%}.hero-content{z-index:1;position:relative}.hero-badge{color:#a5b4fc;letter-spacing:.08em;text-transform:uppercase;background:#4f46e533;border:1px solid #4f46e566;border-radius:99px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.hero-badge-dot{background:#818cf8;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow}.hero-title{letter-spacing:-.03em;color:#fff;margin-bottom:20px;font-size:52px;font-weight:900;line-height:1.1}.hero-title span{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#94a3b8;max-width:400px;margin-bottom:48px;font-size:17px;line-height:1.7}.hero-stats{gap:40px;display:flex}.hero-stat-value{color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:800}.hero-stat-label{color:var(--text-subtle);margin-top:2px;font-size:12px;font-weight:500}.hero-grid{pointer-events:none;background-image:linear-gradient(#4f46e50f 1px,#0000 1px),linear-gradient(90deg,#4f46e50f 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.login-form-panel{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;padding:64px 48px;display:flex;position:relative}.login-form-panel:before{content:"";background:linear-gradient(to bottom, transparent, var(--border), transparent);width:1px;position:absolute;top:10%;bottom:10%;left:0}.login-card{width:100%;max-width:420px}.login-logo{align-items:center;gap:12px;margin-bottom:40px;display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--primary), #7c3aed);width:44px;height:44px;box-shadow:0 4px 20px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex}.login-logo-text{letter-spacing:-.02em;color:var(--text);font-size:20px;font-weight:800}.login-logo-text span{color:var(--primary)}.login-heading{letter-spacing:-.02em;margin-bottom:8px;font-size:26px;font-weight:800}.login-subheading{color:var(--text-muted);margin-bottom:36px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.input-wrapper{position:relative}.input-icon{color:var(--text-subtle);pointer-events:none;transition:var(--transition);font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrapper:focus-within .input-icon{color:var(--primary)}.input-wrapper .form-input{padding-left:44px}.input-action{cursor:pointer;color:var(--text-subtle);transition:var(--transition);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-action:hover{color:var(--primary)}.btn-login{border-radius:var(--radius-sm);width:100%;margin-top:8px;padding:15px;font-size:16px}.login-error{border-radius:var(--radius-sm);color:#f87171;background:#dc26261a;border:1px solid #dc262640;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s fadeInUp;display:flex}.cpf-input{letter-spacing:.08em}.login-footer{text-align:center;color:var(--text-subtle);margin-top:32px;font-size:12px}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-form-panel{padding:40px 24px}}.login-success{border-radius:var(--radius-sm);color:#34d399;background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s fadeInUp;display:flex}.login-toggle-mode{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.login-toggle-mode button{color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;margin-left:6px;padding:0;font-weight:600}.login-toggle-mode button:hover{color:#7c3aed;text-decoration:underline}.dashboard{flex-direction:column;gap:28px;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.kpi-grid{grid-template-columns:1fr}}.kpi-trend{border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.kpi-trend.up{background:var(--success-bg);color:var(--success)}.kpi-trend.down{background:var(--danger-bg);color:var(--danger)}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{font-size:17px;font-weight:700}.section-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:#ffffff05;padding:12px 16px;font-size:11px;font-weight:700}.data-table td{color:var(--text);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#4f46e50a}.badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{color:#818cf8;background:#6366f11f}.badge-default{color:var(--text-subtle);background:#64748b1f}.mini-chart{align-items:flex-end;gap:4px;height:48px;display:flex}.mini-bar{background:linear-gradient(to top, var(--primary), #7c3aed);opacity:.7;border-radius:4px 4px 0 0;flex:1;min-width:6px;transition:opacity .2s}.mini-bar:hover{opacity:1}.dash-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=1100px){.dash-grid{grid-template-columns:1fr}}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-text{color:var(--text);font-size:13px}.activity-time{color:var(--text-subtle);margin-top:3px;font-size:11px}.btn-table{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.btn-table:hover{border-color:var(--primary);color:var(--primary);background:#4f46e50f}.cotacoes-page{flex-direction:column;gap:24px;display:flex}.page-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;transition:var(--transition);flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.search-box input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:14px}.search-box input::placeholder{color:var(--text-subtle)}.filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:var(--transition);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px}.filter-select:focus{border-color:var(--primary)}.cotacoes-grid{flex-direction:column;gap:12px;display:flex}.cotacao-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);cursor:pointer;align-items:center;gap:20px;padding:20px 24px;text-decoration:none;display:flex}.cotacao-card:hover{border-color:#4f46e559;transform:translate(3px);box-shadow:0 4px 24px #0000004d}.cotacao-card-icon{background:#4f46e51f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.cotacao-card-body{flex:1;min-width:0}.cotacao-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.cotacao-card-meta{color:var(--text-subtle);flex-wrap:wrap;gap:16px;margin-top:4px;font-size:12px;display:flex}.cotacao-card-meta span{align-items:center;gap:4px;display:flex}.cotacao-card-stats{flex-shrink:0;gap:24px;display:flex}.cotacao-stat{text-align:center}.cotacao-stat-value{color:var(--text);font-size:18px;font-weight:800}.cotacao-stat-label{color:var(--text-subtle);margin-top:2px;font-size:11px}.cotacao-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.progress-bar{background:#ffffff14;border-radius:99px;height:4px;margin-top:8px;overflow:hidden}.progress-fill{background:linear-gradient(to right, var(--primary), #7c3aed);border-radius:99px;height:100%;transition:width .5s}.empty-state{text-align:center;color:var(--text-muted);padding:80px 40px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:56px}.empty-state h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:700}.empty-state p{color:var(--text-muted);max-width:320px;margin:0 auto 24px;font-size:14px}.nova-cotacao{flex-direction:column;gap:28px;max-width:860px;display:flex}.stepper{align-items:center;gap:0;margin-bottom:8px;display:flex}.step{flex:1;align-items:center;gap:10px;display:flex}.step-circle{width:36px;height:36px;transition:var(--transition);border:2px solid var(--border);color:var(--text-subtle);background:var(--bg-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.step.active .step-circle{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;box-shadow:0 0 20px var(--primary-glow);border-color:#0000}.step.done .step-circle{background:var(--success);color:#fff;border-color:#0000}.step-label{color:var(--text-subtle);font-size:13px;font-weight:600}.step.active .step-label{color:var(--text)}.step.done .step-label{color:var(--success)}.step-line{background:var(--border);height:2px;transition:var(--transition);border-radius:2px;flex:1;margin:0 8px}.step-line.done{background:var(--success)}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px}.form-card-title{margin-bottom:4px;font-size:18px;font-weight:700}.form-card-sub{color:var(--text-muted);margin-bottom:24px;font-size:13px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:var(--transition);background:#4f46e505;padding:48px 32px;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--primary);background:#4f46e50f;box-shadow:0 0 0 4px #4f46e514}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-icon{margin-bottom:16px;font-size:48px}.upload-title{margin-bottom:6px;font-size:17px;font-weight:700}.upload-sub{color:var(--text-muted);font-size:13px}.upload-formats{justify-content:center;gap:8px;margin-top:16px;display:flex}.fmt-tag{color:#818cf8;background:#4f46e51a;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.fornec-list{flex-direction:column;gap:10px;margin-top:20px;display:flex}.fornec-item{background:var(--bg-input);border:1px solid var(--border);transition:var(--transition);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.fornec-item.uploaded{background:#16a34a0a;border-color:#16a34a66}.fornec-avatar{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.fornec-info{flex:1;min-width:0}.fornec-name{font-size:14px;font-weight:600}.fornec-file{color:var(--text-subtle);margin-top:2px;font-size:12px}.fornec-status-ok{font-size:20px}.fornec-upload-btn{border:1px solid var(--border);color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.fornec-upload-btn:hover{background:#4f46e514}.preview-table-wrapper{border-radius:var(--radius);border:1px solid var(--border);max-height:360px;overflow:auto}.preview-table{border-collapse:collapse;width:100%;min-width:600px}.preview-table th{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);text-align:left;background:#0f0f1af2;padding:10px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.preview-table td{color:var(--text);border-bottom:1px solid #ffffff0a;padding:10px 14px;font-size:13px}.preview-table tr:last-child td{border-bottom:none}.preview-table tr:hover td{background:#4f46e50a}.step-nav{justify-content:flex-end;gap:12px;padding-top:4px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.import-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:740px;max-height:90vh;animation:.3s fadeInUp;overflow-y:auto;box-shadow:0 24px 80px #0009}.import-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 28px 0;display:flex}.import-modal-title{font-size:20px;font-weight:800}.import-modal-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0f;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{color:#f87171;background:#dc26261f}.import-modal-body{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.import-methods{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.method-btn{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;font-family:Inter,sans-serif;display:flex}.method-btn:hover{color:var(--text);border-color:#4f46e566}.method-btn.active{border-color:var(--primary);color:var(--text);background:#4f46e514}.method-icon{font-size:28px}.method-label{font-size:12px;font-weight:700}.method-hint{color:var(--text-subtle);font-size:10px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:var(--transition);background:#4f46e505;padding:40px 24px;position:relative}.dropzone:hover,.dropzone.over{border-color:var(--primary);background:#4f46e50f;box-shadow:0 0 0 4px #4f46e514}.dropzone input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.dropzone-icon{margin-bottom:12px;font-size:44px}.dropzone-title{margin-bottom:6px;font-size:16px;font-weight:700}.dropzone-sub{color:var(--text-muted);font-size:13px}.format-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.format-chip{letter-spacing:.04em;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700}.chip-excel{color:#4ade80;background:#22c55e1f}.chip-csv{color:#fbbf24;background:#fbbf241f}.chip-txt{color:#818cf8;background:#6366f11f}.file-selected{border-radius:var(--radius-sm);background:#16a34a0f;border:1px solid #16a34a40;align-items:center;gap:14px;padding:16px 20px;animation:.3s fadeInUp;display:flex}.file-icon-big{font-size:32px}.file-info{flex:1}.file-name{color:var(--text);font-size:14px;font-weight:700}.file-meta{color:var(--text-muted);margin-top:3px;font-size:12px}.file-ok{font-size:24px}.paste-area{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:200px;color:var(--text);resize:vertical;transition:var(--transition);outline:none;padding:14px 16px;font-family:Courier New,monospace;font-size:13px;line-height:1.7}.paste-area:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.paste-area::placeholder{color:var(--text-subtle);font-style:italic}.format-info{border-radius:var(--radius-sm);color:var(--text-muted);background:#4f46e50f;border:1px solid #4f46e526;padding:14px 18px;font-size:13px;line-height:1.8}.format-info code{color:#a5b4fc;background:#4f46e526;border-radius:4px;padding:1px 6px;font-size:12px}.manual-list{flex-direction:column;gap:8px;display:flex}.manual-row{grid-template-columns:1fr 120px 80px 32px;align-items:center;gap:8px;display:grid}.manual-row input,.manual-row select{background:var(--bg-input);border:1.5px solid var(--border);color:var(--text);transition:var(--transition);border-radius:6px;outline:none;width:100%;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px}.manual-row input:focus,.manual-row select:focus{border-color:var(--primary)}.del-row{color:#f87171;cursor:pointer;width:32px;height:32px;transition:var(--transition);background:#dc262614;border:1px solid #dc262633;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.del-row:hover{background:#dc262626}.add-row{border:1.5px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);text-align:center;background:0 0;border-radius:6px;padding:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.add-row:hover{border-color:var(--primary);color:var(--primary);background:#4f46e50a}.preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.preview-count{color:#4ade80;background:#16a34a1a;border:1px solid #16a34a33;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.col-map-grid{grid-template-columns:1fr 24px 1fr;align-items:center;gap:10px;display:grid}.col-map-arrow{color:var(--text-subtle);text-align:center;font-size:16px}.col-map-label{color:var(--text-muted);font-size:13px;font-weight:600}.import-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:16px 28px 24px;display:flex}.analise-page{flex-direction:column;gap:20px;display:flex}.analise-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;display:flex}.analise-header-info{flex:1}.analise-titulo{letter-spacing:-.01em;font-size:20px;font-weight:800}.analise-meta{color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-top:4px;font-size:13px;display:flex}.analise-header-stats{gap:28px;display:flex}.analise-stat-val{font-size:22px;font-weight:800}.analise-stat-lbl{color:var(--text-subtle);font-size:11px}.analise-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.analise-toolbar .search-box{max-width:320px}.table-scroll{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);overflow-x:auto}.comp-table{border-collapse:collapse;width:100%;min-width:700px}.comp-table thead th{text-align:center;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;z-index:10;background:#0f0f1af2;padding:14px 16px;font-size:12px;font-weight:700;position:sticky;top:0}.comp-table thead th:first-child{text-align:left;z-index:20;background:#0f0f1af7;width:220px;min-width:220px;position:sticky;left:0}.comp-table td.col-produto{z-index:5;background:var(--bg-card);border-right:1px solid var(--border);width:220px;min-width:220px;padding:0;position:sticky;left:0}.comp-table tr:hover td.col-produto{background:#1f1f35}.produto-cell{padding:14px 16px}.produto-nome{color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.produto-detalhe{color:var(--text-subtle);margin-top:3px;font-size:11px}.comp-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:0}.comp-table tr:last-child td{border-bottom:none}.comp-table tr:hover td{background:#4f46e508}.preco-cell{transition:var(--transition);cursor:default;border-radius:0;padding:12px 10px;position:relative}.preco-cell.sem-oferta{color:var(--text-subtle);font-size:13px;font-style:italic}.preco-cell.rank-1{background:#16a34a1a}.preco-val.rank-1{color:#4ade80;font-size:15px;font-weight:800}.preco-cell.rank-2{background:#ca8a0412}.preco-val.rank-2{color:#fbbf24;font-size:14px;font-weight:700}.preco-cell.rank-3{background:#c2410c12}.preco-val.rank-3{color:#fb923c;font-size:13px;font-weight:600}.preco-val.rank-other{color:var(--text-muted);font-size:13px;font-weight:500}.preco-val{font-size:14px;display:block}.preco-un{color:var(--text-subtle);margin-top:2px;font-size:10px}.medal{margin-bottom:2px;font-size:14px;display:inline-block}.comp-table th.col-vencedor,.comp-table td.col-vencedor{border-left:1px solid var(--border);background:#4f46e50d;min-width:130px}.vencedor-cell{flex-direction:column;align-items:center;gap:4px;padding:10px 12px;display:flex}.venc-nome{color:#4ade80;text-align:center;font-size:12px;font-weight:700;line-height:1.2}.venc-preco{color:var(--text-subtle);font-size:11px}.venc-economia{color:#16a34a;background:#16a34a1a;border-radius:99px;padding:1px 6px;font-size:10px}.th-fornec{min-width:140px}.th-fornec-nome{color:var(--text);text-transform:none;letter-spacing:0;font-size:12px;font-weight:700}.th-fornec-total{color:var(--primary);margin-top:3px;font-size:11px}.comp-table tfoot td{border-top:2px solid var(--border);text-align:center;color:var(--text);background:#0f0f1acc;padding:12px 16px;font-size:13px;font-weight:700}.comp-table tfoot td:first-child{text-align:left;color:var(--text-muted)}.resumo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.resumo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);overflow:hidden}.resumo-card:hover{border-color:#4f46e559;box-shadow:0 4px 24px #0000004d}.resumo-card-header{border-bottom:1px solid var(--border);background:#4f46e50a;align-items:center;gap:12px;padding:16px 20px;display:flex}.resumo-avatar{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.resumo-card-body{flex-direction:column;gap:6px;padding:14px 20px;display:flex}.resumo-row{justify-content:space-between;font-size:13px;display:flex}.resumo-row-label{color:var(--text-muted)}.resumo-row-val{color:var(--text);font-weight:700}.resumo-total{border-top:1px solid var(--border);color:#4ade80;margin-top:8px;padding-top:10px;font-size:16px;font-weight:800}.resumo-card-actions{border-top:1px solid var(--border);gap:8px;padding:12px 20px;display:flex}.btn-whatsapp{color:#fff;cursor:pointer;transition:var(--transition);background:#16a34a;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.btn-whatsapp:hover{background:#15803d;transform:translateY(-1px)}.btn-pdf{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.btn-pdf:hover{border-color:var(--primary);color:var(--primary)}.paginacao{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.pag-btns{gap:6px;display:flex}.pag-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.pag-btn:hover{border-color:var(--primary);color:var(--primary)}.pag-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.tabs{border-bottom:1px solid var(--border);gap:0;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:#818cf8;border-bottom-color:var(--primary)}.tab-count{color:#818cf8;background:#4f46e533;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.pedidos-page{flex-direction:column;gap:20px;display:flex}.pedidos-kpi{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.pedidos-kpi{grid-template-columns:repeat(2,1fr)}}.pedido-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);overflow:hidden}.pedido-card:hover{border-color:#4f46e559;box-shadow:0 4px 24px #0000004d}.pedido-card-header{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;padding:18px 22px;display:flex}.pedido-card-header:hover{background:#4f46e508}.pedido-num{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.pedido-fornec{color:var(--text);margin-top:2px;font-size:16px;font-weight:800}.pedido-meta{color:var(--text-subtle);gap:14px;margin-top:3px;font-size:12px;display:flex}.pedido-header-stats{flex-shrink:0;align-items:center;gap:24px;margin-left:auto;display:flex}.pedido-stat-val{color:var(--text);text-align:right;font-size:20px;font-weight:800}.pedido-stat-lbl{color:var(--text-subtle);text-align:right;font-size:11px}.pedido-total-val{color:#4ade80;font-size:22px;font-weight:800}.pedido-chevron{color:var(--text-subtle);flex-shrink:0;font-size:18px;transition:transform .25s}.pedido-chevron.open{transform:rotate(180deg)}.pedido-itens{display:none}.pedido-itens.open{display:block}.pedido-itens-table{border-collapse:collapse;width:100%}.pedido-itens-table th{text-align:left;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:#4f46e50a;padding:10px 22px;font-size:11px;font-weight:700}.pedido-itens-table th:last-child,.pedido-itens-table td:last-child{text-align:right}.pedido-itens-table td{color:var(--text);border-bottom:1px solid #ffffff0a;padding:11px 22px;font-size:14px}.pedido-itens-table tr:last-child td{border-bottom:none}.pedido-itens-table tr:hover td{background:#4f46e508}.pedido-total-row td{background:#16a34a0a;padding:13px 22px;font-weight:800;border-top:2px solid var(--border)!important}.pedido-actions{border-top:1px solid var(--border);background:#0f0f1a66;flex-wrap:wrap;gap:10px;padding:14px 22px;display:flex}.btn-act{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn-act-whatsapp{color:#fff;background:#16a34a}.btn-act-whatsapp:hover{background:#15803d;transform:translateY(-1px)}.btn-act-pdf{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.btn-act-pdf:hover{background:#ef444433;transform:translateY(-1px)}.btn-act-excel{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.btn-act-excel:hover{background:#22c55e2e;transform:translateY(-1px)}.btn-act-print{color:var(--text-muted);border:1px solid var(--border);background:#94a3b814}.btn-act-print:hover{border-color:var(--primary);color:var(--primary)}.pedido-status-chip{align-self:center;margin-left:auto}@media print{.sidebar,.app-header,.pedido-actions,.pedidos-kpi,.page-toolbar,.analise-toolbar{display:none!important}.app-main{margin-left:0!important}.pedido-card{break-inside:avoid;border:1px solid #ddd!important}.pedido-itens{max-height:none!important}body{color:#000!important;background:#fff!important}.pedido-fornec,.pedido-stat-val{color:#000!important}.pedido-total-val{color:#16a34a!important}}.fornecedores-page{flex-direction:column;gap:20px;display:flex}.fornecedores-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.fornec-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex-direction:column;gap:16px;padding:20px;display:flex}.fornec-card:hover{border-color:#4f46e559;box-shadow:0 4px 24px #0000004d}.fornec-card-header{align-items:center;gap:12px;display:flex}.fornec-card-avatar{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex}.fornec-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.fornec-card-whatsapp{color:var(--text-muted);margin-top:3px;font-size:12px}.btn-delete{cursor:pointer;opacity:.3;transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:6px;font-size:14px}.btn-delete:hover{color:#ef4444;opacity:1;background:#ef444426}.fornec-card-body{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:14px;display:flex}.fornec-card-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.fornec-card-tags{flex-wrap:wrap;gap:6px;display:flex}.fornec-card-tag{color:var(--text-muted);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;padding:2px 8px;font-size:10px}.relatorios-page{flex-direction:column;gap:20px;display:flex}.relatorios-kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.relatorios-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.relatorios-kpis{grid-template-columns:1fr}}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex-direction:column;gap:12px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi-color,var(--primary));border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{box-shadow:var(--shadow);border-color:#4f46e54d;transform:translateY(-2px)}.kpi-header{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.kpi-icon{background:var(--kpi-bg,#4f46e51f);border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.kpi-value{letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:800}.kpi-sub{color:var(--text-subtle);font-size:12px}.relatorios-charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.relatorios-charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.chart-title{color:var(--text);margin-bottom:2px;font-size:16px;font-weight:800}.chart-subtitle{color:var(--text-subtle);font-size:12px}.chart-container{flex-direction:column;gap:16px;margin-top:20px;display:flex}.chart-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}.bar-row{align-items:center;gap:14px;display:flex}.bar-label{width:160px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.bar-wrapper{background:#ffffff0a;border-radius:6px;flex:1;height:12px;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.bar-value{text-align:right;width:100px;color:var(--text);font-size:13px;font-weight:700}@media print{.sidebar,.btn,.app-header{display:none!important}.app-main{margin-left:0!important;padding:0!important}.chart-card{break-inside:avoid;color:#000!important;background:#fff!important;border:1px solid #ddd!important}.chart-title,.bar-value{color:#000!important}.bar-wrapper{background:#eee!important;border:1px solid #ccc!important}body{color:#000!important;background:#fff!important}}.usuarios-page{flex-direction:column;gap:24px;animation:.4s fadeInUp;display:flex}.usuarios-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.metric-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000004d}.metric-icon{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0d;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.metric-value{color:var(--text);font-size:24px;font-weight:800;line-height:1}.metric-label{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:500}.metric-card.active-users{border-left:4px solid #10b981}.metric-card.active-users:hover{border-color:#10b981;box-shadow:0 4px 20px #10b98126}.metric-card.blocked-users{border-left:4px solid #ef4444}.metric-card.blocked-users:hover{border-color:#ef4444;box-shadow:0 4px 20px #ef444426}.usuarios-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:0 4px 6px -1px #0000001a}.usuarios-card-header{margin-bottom:24px}.usuarios-card-header h3{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:700}.usuarios-card-header p{color:var(--text-muted);font-size:13px}.usuarios-table{border-collapse:collapse;text-align:left;width:100%}.usuarios-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:14px 16px;font-size:12px;font-weight:600}.usuarios-table td{color:var(--text-dim);border-bottom:1px solid var(--border);vertical-align:middle;padding:16px;font-size:14px}.usuarios-table tr:hover td{color:var(--text);background:#ffffff03}.row-self td{background:#4f46e508}.self-badge{color:var(--primary-light);background:#4f46e526;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:600}.user-profile-cell{align-items:center;gap:12px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #4f46e540}.user-name{color:var(--text);font-weight:600}.cpf-cell{letter-spacing:.03em;font-family:monospace;font-size:13px}.badge-role{border:1px solid #0000;border-radius:99px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-role.admin{color:#c084fc;background:#8b5cf61a;border-color:#8b5cf633}.badge-role.comprador{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}.badge-status{border:1px solid #0000;border-radius:99px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-status.active{color:#34d399;background:#10b9811a;border-color:#10b98133}.badge-status.blocked{color:#f87171;background:#ef44441a;border-color:#ef444433}.actions-header{text-align:right!important}.actions-cell{text-align:right}.actions-wrapper{justify-content:flex-end;gap:8px;display:inline-flex}.btn-action{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-dim);background:0 0;padding:6px 12px;font-size:12px;font-weight:600}.btn-action:hover:not(:disabled){color:var(--text);border-color:var(--text-muted);background:#ffffff08}.btn-action:disabled{opacity:.25;cursor:not-allowed}.btn-block:hover:not(:disabled){color:#fbbf24!important;background:#f59e0b1a!important;border-color:#f59e0b4d!important}.btn-activate:hover:not(:disabled){color:#34d399!important;background:#10b9811a!important;border-color:#10b9814d!important}.btn-role:hover:not(:disabled){color:#c084fc!important;background:#8b5cf61a!important;border-color:#8b5cf64d!important}.btn-delete{padding:6px 10px}.btn-delete:hover:not(:disabled){color:#f87171!important;background:#ef44441a!important;border-color:#ef44444d!important}.usuarios-loading{min-height:40vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (width<=768px){.usuarios-table th,.usuarios-table td{padding:10px 8px;font-size:13px}.actions-wrapper{flex-direction:column;gap:4px}.btn-action{text-align:center;width:100%;padding:4px 8px;font-size:11px}.btn-delete{padding:4px 8px}}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);z-index:100;width:260px;min-height:100vh;transition:var(--transition);flex-direction:column;padding:24px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:20px;padding:0 20px 28px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary), #7c3aed);width:40px;height:40px;box-shadow:0 4px 16px var(--primary-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.sidebar-logo-text{letter-spacing:-.02em;font-size:18px;font-weight:800}.sidebar-logo-text span{color:var(--primary)}.sidebar-section-label{color:var(--text-subtle);letter-spacing:.1em;text-transform:uppercase;padding:0 20px 8px;font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.sidebar-item{cursor:pointer;color:var(--text-muted);transition:var(--transition);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:var(--text);background:#4f46e514}.sidebar-item.active{color:#a5b4fc;background:linear-gradient(135deg,#4f46e52e,#7c3aed1f);font-weight:600}.sidebar-item.active:before{content:"";background:linear-gradient(to bottom, var(--primary), #7c3aed);border-radius:0 4px 4px 0;width:3px;position:absolute;top:25%;bottom:25%;left:-12px}.sidebar-item-icon{text-align:center;flex-shrink:0;width:22px;font-size:18px}.sidebar-item-badge{background:var(--primary);color:#fff;text-align:center;border-radius:99px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-divider{background:var(--border);height:1px;margin:12px 20px}.sidebar-user{border-top:1px solid var(--border);margin-top:auto;padding:16px 20px 0}.sidebar-user-info{cursor:pointer;transition:var(--transition);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.sidebar-user-info:hover{background:#4f46e514}.sidebar-avatar{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.sidebar-user-name{color:var(--text);font-size:13px;font-weight:600}.sidebar-user-role{color:var(--text-subtle);text-transform:capitalize;font-size:11px}.sidebar-logout{color:#f87171;cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.sidebar-logout:hover{background:#dc262614}.app-layout{min-height:100vh;display:flex}.app-main{background:var(--bg);flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0f0f1acc;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.app-header-title{letter-spacing:-.01em;font-size:18px;font-weight:700}.app-header-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.app-header-actions{align-items:center;gap:12px;display:flex}.app-content{flex:1;padding:32px}.btn-menu-toggle{color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;display:none}.btn-menu-toggle:hover{background:#ffffff0f}@media (width<=900px){.btn-menu-toggle{display:inline-flex}.sidebar{z-index:1000;width:260px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);display:flex!important}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #0009}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0a0a0fbf;animation:.2s ease-out sidebarFadeIn;position:fixed;inset:0}.app-main{margin-left:0!important}.app-header{padding:0 16px}.app-content{padding:20px 16px}}@keyframes sidebarFadeIn{0%{opacity:0}to{opacity:1}}