@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #00000008;--shadow-lg:0 10px 15px #0000000f, 0 4px 6px #00000008;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--background:#f8fafc;--background-secondary:#fff;--foreground:#1e293b;--foreground-muted:#64748b;--foreground-subtle:#94a3b8;--card:#fff;--card-hover:#f8fafc;--card-border:#e2e8f0;--input:#f8fafc;--input-border:#cbd5e1;--input-focus:#0d9268;--primary:#0d9268;--primary-hover:#0b7d58;--primary-active:#096e4d;--primary-foreground:#fff;--primary-light:#ecfdf5;--primary-muted:#0d92681a;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-foreground:#fff;--accent-light:#f0f9ff;--accent-muted:#0ea5e91a;--danger:#ef4444;--danger-hover:#dc2626;--danger-foreground:#fff;--danger-light:#fef2f2;--danger-muted:#ef44441a;--success:#22c55e;--success-hover:#16a34a;--success-foreground:#fff;--success-light:#f0fdf4;--success-muted:#22c55e1a;--warning:#f59e0b;--warning-hover:#d97706;--warning-foreground:#fff;--warning-light:#fffbeb;--warning-muted:#f59e0b1a;--sidebar-bg:#0b1329;--sidebar-bg-hover:#0f1b3d;--sidebar-text:#94a3b8;--sidebar-text-hover:#e2e8f0;--sidebar-text-active:#fff;--sidebar-active-bg:#0ea5e926;--sidebar-active-border:#0ea5e9;--sidebar-width:250px;--sidebar-collapsed-width:68px;--sidebar-group-text:#64748b;--header-height:56px;--header-bg:#fff;--header-border:#e2e8f0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--foreground);background-color:var(--background);min-height:100vh;font-weight:400;line-height:1.6}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}img,video,svg{max-width:100%;display:block}.text-muted{color:var(--foreground-muted)}.text-subtle{color:var(--foreground-subtle)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;padding:8px 16px;font-weight:500;line-height:1.25;display:inline-flex}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{background:var(--accent);color:var(--accent-foreground)}.btn-accent:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:var(--danger-foreground)}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{color:var(--foreground-muted);border:1px solid var(--card-border);background:0 0}.btn-ghost:hover{background:var(--card-hover);color:var(--foreground);border-color:var(--input-border)}.btn-sm{font-size:var(--font-size-xs);padding:4px 10px}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:relative}.btn-icon svg{flex-shrink:0;width:16px;height:16px}.btn-lg{font-size:var(--font-size-base);padding:10px 24px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-glass{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.card-glass:hover{box-shadow:var(--shadow-md)}.input{width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--foreground);background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:8px 12px}.input::placeholder{color:var(--foreground-subtle)}.input:focus{border-color:var(--input-focus);background:var(--background-secondary);box-shadow:0 0 0 3px #0d92681a}.input:disabled{opacity:.5;cursor:not-allowed}.label{font-size:var(--font-size-sm);color:var(--foreground);margin-bottom:var(--space-1);font-weight:500;display:block}.badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-muted);color:var(--primary)}.badge-success{background:var(--success-muted);color:#16a34a}.badge-danger{background:var(--danger-muted);color:#dc2626}.badge-warning{background:var(--warning-muted);color:#d97706}.table-container{border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table thead{background:var(--background)}.table th{text-align:left;color:var(--foreground-muted);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--card-border);padding:10px 16px}.table td{color:var(--foreground);border-bottom:1px solid #f1f5f9;padding:10px 16px}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:#f8fafc}.table tbody tr:last-child td{border-bottom:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-in{animation:slideInLeft var(--transition-normal) ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-content{padding:var(--space-6);animation:fadeIn var(--transition-normal) ease-out}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--font-size-2xl);color:var(--foreground);font-weight:700}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.login-page{min-height:100vh;padding:var(--space-4);background:radial-gradient(ellipse at 20% 50%, #735af214 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #1ae6e60f 0%, transparent 50%), var(--background);justify-content:center;align-items:center;display:flex}.login-card{background:var(--glass-background);width:100%;max-width:420px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10);animation:.5s ease-out fadeIn}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-logo h1{font-size:var(--font-size-3xl);letter-spacing:-.02em;font-weight:800}.login-logo h1 .brand-primary{color:var(--primary)}.login-logo h1 .brand-accent{color:var(--accent)}.login-logo p{color:var(--foreground-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-error{color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;background:#f042421a;border:1px solid #f0424233;animation:.3s ease-out fadeIn}.login-info{color:var(--primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;background:#2b8cee1a;border:1px solid #2b8cee33;line-height:1.5;animation:.3s ease-out fadeIn}.login-forgot{margin-top:calc(-1 * var(--space-2));justify-content:flex-end;display:flex}.login-forgot-link{color:var(--primary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s,opacity .2s}.login-forgot-link:hover{color:var(--accent);text-decoration:underline}.login-forgot-link:disabled{opacity:.6;cursor:not-allowed}.login-submit{margin-top:var(--space-2)}.login-submit .btn{width:100%;padding:var(--space-4);font-size:var(--font-size-base)}.login-submit .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--card-border)}.login-footer p{color:var(--foreground-subtle);font-size:var(--font-size-xs)}.set-password-page{min-height:100vh;padding:var(--space-4);background:radial-gradient(ellipse at 20% 50%, #735af214 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #1ae6e60f 0%, transparent 50%), var(--background);justify-content:center;align-items:center;display:flex}.set-password-card{background:var(--glass-background);width:100%;max-width:440px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10)}.password-rules{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--card);border-radius:var(--radius-md);flex-direction:column;display:flex}.password-rule{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--foreground-subtle);transition:color var(--transition-fast);display:flex}.password-rule.valid{color:var(--success)}.rule-indicator{text-align:center;width:14px;font-weight:700}.field-error{color:var(--danger);font-size:var(--font-size-xs);margin-top:var(--space-1)}.set-password-success{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.success-icon{border-radius:var(--radius-full);width:64px;height:64px;color:var(--success);font-size:var(--font-size-2xl);background:#22c35826;justify-content:center;align-items:center;font-weight:700;display:flex}.set-password-success h2{font-size:var(--font-size-xl);font-weight:700}.access-denied-page{text-align:center;min-height:60vh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex}.access-denied-icon{width:80px;height:80px;color:var(--foreground-muted);margin-bottom:var(--space-6);opacity:.5}.access-denied-page h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);font-weight:700}.access-denied-page p{color:var(--foreground-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6);max-width:400px;line-height:1.6}.users-page{padding:var(--space-8);max-width:1200px;margin:0 auto;animation:.4s ease-out fadeIn}.users-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.users-header h1{font-size:var(--font-size-2xl);font-weight:700}.users-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.users-toolbar .input{max-width:320px}.user-type-badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;font-weight:600;display:inline-flex}.user-type-badge.operador{color:var(--primary);background:#735af226}.user-type-badge.fornecedor{color:var(--accent);background:#1ae6e626}.user-type-badge.cliente{color:var(--warning);background:#f49d2526}.status-dot{border-radius:var(--radius-full);width:8px;height:8px;margin-right:var(--space-2);display:inline-block}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--danger)}.actions-cell{gap:var(--space-2);display:flex}.pagination{margin-top:var(--space-4);padding:var(--space-3) 0;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pagination-info{font-size:var(--font-size-sm);color:var(--foreground-muted)}.pagination-controls{align-items:center;gap:var(--space-2);display:flex}.pagination-controls select{background:var(--input);color:var(--foreground);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-family:var(--font-family)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--foreground-subtle)}.empty-state p{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.user-form-page{padding:var(--space-8);max-width:800px;margin:0 auto;animation:.4s ease-out fadeIn}.user-form-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.user-form-header h1{font-size:var(--font-size-2xl);font-weight:700}.user-form-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-8)}.form-section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--card-border);font-weight:600}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.form-field.full-width{grid-column:1/-1}.form-field select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--foreground);background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.form-field select:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #735af226}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--card-border);display:flex}.bindings-list{gap:var(--space-3);flex-direction:column;display:flex}.binding-row{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--input);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.binding-row .form-field{flex:1;min-width:120px}.binding-row label{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--foreground-muted);cursor:pointer;white-space:nowrap;display:flex}.binding-row input[type=checkbox]{accent-color:var(--primary)}.conflict-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.conflict-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:480px}.conflict-modal h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:600}.conflict-modal p{color:var(--foreground-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6);line-height:1.7}.conflict-modal-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.view-page{max-width:900px;margin:0 auto}.view-page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.view-page-header h1{font-size:var(--font-size-xl);font-weight:700}.view-page-header-actions{gap:var(--space-2);display:flex}.view-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.view-card h2{font-size:var(--font-size-base);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--card-border);font-weight:600}.view-detail-grid{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.view-detail-field{flex-direction:column;gap:2px;display:flex}.view-detail-field .field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--foreground-muted);font-size:11px;font-weight:500}.view-detail-field .field-value{font-size:var(--font-size-sm);color:var(--foreground);word-break:break-word;font-weight:500}.view-detail-field .field-value.empty{color:var(--foreground-muted);font-style:italic}.view-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.view-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:min(90vw,700px);max-height:85vh;padding:var(--space-6);box-shadow:var(--shadow-lg);overflow-y:auto}.view-modal-header{margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;display:flex}.view-modal-header h3{font-size:var(--font-size-lg);font-weight:700}.view-modal-section{margin-top:var(--space-5)}.view-modal-section h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3);color:var(--foreground-muted);font-weight:600}.view-permission-matrix{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.view-permission-matrix th,.view-permission-matrix td{text-align:center;border-bottom:1px solid var(--card-border);padding:6px 10px}.view-permission-matrix th{color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.view-permission-matrix td:first-child,.view-permission-matrix th:first-child{text-align:left;font-weight:500}.perm-check{color:#22c35d;font-weight:700}.perm-deny{color:var(--foreground-muted);opacity:.4}.view-columns-table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.view-columns-table th,.view-columns-table td{text-align:left;border-bottom:1px solid var(--card-border);padding:6px 10px}.view-columns-table th{color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.audit-page{padding:var(--space-8);max-width:1200px;margin:0 auto;animation:.4s ease-out fadeIn}.audit-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.audit-header h1{font-size:var(--font-size-2xl);font-weight:700}.audit-filters{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.audit-filters .input,.audit-filters select{max-width:200px}.audit-filters select{background:var(--input);color:var(--foreground);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm)}.action-badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;display:inline-flex}.action-badge.insert{color:var(--success);background:#22c35826}.action-badge.update{color:var(--primary);background:#735af226}.action-badge.delete{color:var(--danger);background:#f0424226}.diff-modal-overlay{z-index:1000;padding:var(--space-6);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.diff-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:900px;max-height:85vh;display:flex;overflow:hidden}.diff-modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--card-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.diff-modal-header h3{font-size:var(--font-size-lg);font-weight:600}.diff-modal-meta{gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--input);font-size:var(--font-size-xs);color:var(--foreground-muted);flex-shrink:0;display:flex}.diff-modal-body{padding:var(--space-4) var(--space-6);flex:1;overflow-y:auto}.diff-container{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.diff-container{grid-template-columns:1fr}}.diff-panel{background:var(--input);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}.diff-panel h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--card-border);font-weight:600}.diff-panel.before h4{color:var(--danger)}.diff-panel.after h4{color:var(--success)}.diff-row{padding:var(--space-1) 0;font-size:var(--font-size-xs);border-bottom:1px solid #ffffff0a;justify-content:space-between;font-family:JetBrains Mono,Fira Code,monospace;display:flex}.diff-key{color:var(--foreground-muted);margin-right:var(--space-3);flex-shrink:0}.diff-value{color:var(--foreground);word-break:break-all;text-align:right}.diff-value.changed{border-radius:var(--radius-sm);padding:1px 6px;font-weight:700}.diff-panel.before .diff-value.changed{color:var(--danger);background:#f0424226}.diff-panel.after .diff-value.changed{color:var(--success);background:#22c35826}.diff-empty{text-align:center;padding:var(--space-6);color:var(--foreground-subtle);font-size:var(--font-size-sm)}.profiles-page{padding:var(--space-8);max-width:1200px;margin:0 auto;animation:.4s ease-out fadeIn}.profiles-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.profiles-header h1{font-size:var(--font-size-2xl);font-weight:700}.profile-modal-overlay{z-index:1000;padding:var(--space-6);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.profile-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;overflow:hidden}.profile-modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--card-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.profile-modal-header h3{font-size:var(--font-size-lg);font-weight:600}.profile-modal-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}.profile-name-input{margin-bottom:var(--space-5)}.permission-matrix{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.permission-matrix th,.permission-matrix td{padding:var(--space-2) var(--space-3);text-align:center;border-bottom:1px solid var(--card-border)}.permission-matrix th:first-child,.permission-matrix td:first-child{text-align:left;font-weight:500}.permission-matrix thead th{background:var(--input);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--foreground-muted)}.permission-matrix .entity-name{font-weight:500}.permission-matrix input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.permission-matrix input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.profile-modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--card-border);flex-shrink:0;display:flex}.custom-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);display:flex}.custom-banner.warning{color:#f99e1f;background:#f99e1f1f;border:1px solid #f99e1f4d}.custom-banner.info{color:var(--primary);background:#735af21f;border:1px solid #735af24d}.followup-groups-page{padding:var(--space-8);max-width:1000px;margin:0 auto;animation:.4s ease-out fadeIn}.followup-groups-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.followup-groups-header h1{font-size:var(--font-size-2xl);font-weight:700}.group-form-overlay{z-index:1000;padding:var(--space-6);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.group-form-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--space-6)}.group-form-modal h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:600}.group-form-modal .form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.companies-page{padding:var(--space-8);max-width:1200px;margin:0 auto;animation:.4s ease-out fadeIn}.companies-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.companies-header h1{font-size:var(--font-size-2xl);font-weight:700}.companies-search{gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.companies-search .input{flex:1;max-width:400px}.company-form-page{padding:var(--space-8);max-width:900px;margin:0 auto;animation:.4s ease-out fadeIn}.company-form-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.company-form-header h1{font-size:var(--font-size-2xl);font-weight:700}.form-section{margin-bottom:var(--space-6)}.form-section h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--card-border);font-weight:600}.form-row{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.form-row.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.cnpj-row{gap:var(--space-3);align-items:flex-end;display:flex}.cnpj-row .input-group{flex:1}.cnpj-row .btn{white-space:nowrap;height:42px}.form-field{gap:var(--space-1);flex-direction:column;display:flex}.form-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--card-border);display:flex}.lookup-loading{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--primary);display:flex}@media (width<=768px){.form-row.cols-2,.form-row.cols-3,.form-row.cols-4{grid-template-columns:1fr}.cnpj-row{flex-direction:column;align-items:stretch}}.dept-page{padding:var(--space-8);max-width:1100px;margin:0 auto;animation:.4s ease-out fadeIn}.dept-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.dept-header h1{font-size:var(--font-size-2xl);font-weight:700}.dept-sub{color:var(--foreground-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.dept-modal-overlay{z-index:1000;padding:var(--space-6);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dept-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--space-6)}.dept-modal h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:600}.dept-modal .form-row{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.dept-modal .form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.dept-users-panel{margin-top:var(--space-6)}.dept-users-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dept-users-header h2{font-size:var(--font-size-lg);font-weight:600}.master-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:#f99e1f;background:#f99e1f26;padding:2px 8px;font-weight:600;display:inline-flex}.fup-page{padding:var(--space-8);max-width:1400px;margin:0 auto;animation:.4s ease-out fadeIn}.fup-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.fup-header h1{font-size:var(--font-size-2xl);font-weight:700}.fup-summary{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.fup-summary-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:all .2s}.fup-summary-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.fup-summary-value{background:linear-gradient(135deg, var(--primary), #55a6f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.fup-summary-label{font-size:var(--font-size-sm);color:var(--foreground-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.fup-summary-skeleton{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);height:80px;animation:1.5s ease-in-out infinite pulse}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:2px 8px;font-weight:600;display:inline-flex}.status-badge.pendente{color:#daa60b;background:#f4c02526}.status-badge.ok{color:#1fad53;background:#22c35d26}.status-badge.atrasado{color:#ec1313;background:#ee2b2b26}.status-badge.entregue{color:#1a80e6;background:#308ce826}.status-badge.cancelado{color:gray;background:#80808026}.fup-detail-overlay{z-index:1000;padding:var(--space-6);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.fup-detail-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;max-width:740px;max-height:85vh;padding:var(--space-6);overflow-y:auto}.fup-detail-modal h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:700}.fup-detail-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.fup-detail-field{flex-direction:column;gap:2px;display:flex}.fup-detail-field .label{color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.fup-detail-field .value{font-size:var(--font-size-sm);font-weight:500}.fup-stepper{align-items:center;gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.fup-step{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);font-size:var(--font-size-xs);background:hsla(var(--card-border-hsl), .3);color:var(--foreground-muted);padding:4px 10px;font-weight:600;display:flex}.fup-step.active{color:#1fad53;background:#22c35d26}.fup-step.current{color:#2b8cee;background:#2b8cee33;box-shadow:0 0 0 2px #2b8cee4d}.fup-step-arrow{color:var(--foreground-muted);opacity:.4}@media (width<=768px){.fup-summary{grid-template-columns:repeat(2,1fr)}}.layout-page{padding:var(--space-8);max-width:1200px;margin:0 auto;animation:.4s ease-out fadeIn}.layout-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.layout-header h1{font-size:var(--font-size-2xl);font-weight:700}.layout-form-overlay{z-index:1000;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.layout-form-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;padding:var(--space-6);overflow-y:auto}.layout-form-modal h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:700}.layout-form-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.column-grid{margin-top:var(--space-4)}.column-grid-header{gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--foreground-muted);border-bottom:1px solid var(--card-border);grid-template-columns:60px 1fr 1fr 90px;font-weight:700;display:grid}.column-grid-row{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid hsla(var(--card-border-hsl), .3);grid-template-columns:60px 1fr 1fr 90px;align-items:center;transition:background .15s;display:grid}.column-grid-row:hover{background:hsla(var(--card-border-hsl), .1)}.column-index{font-weight:600;font-size:var(--font-size-sm);color:var(--foreground-muted);text-align:center}.column-actions{justify-content:center;gap:4px;display:flex}.column-actions button{padding:2px 6px;font-size:14px;line-height:1}.file-type-group{gap:var(--space-3);align-items:center;display:flex}.file-type-group label{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);cursor:pointer;display:flex}.notification-bell{cursor:pointer;font-size:var(--font-size-lg);color:var(--foreground-muted);background:0 0;border:none;transition:color .2s;position:relative}.notification-bell:hover{color:var(--foreground)}.notification-badge{color:#fff;background:#ee2b2b;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;animation:1.5s ease-in-out infinite pulse;display:flex;position:absolute;top:-4px;right:-6px}.notification-dropdown{top:calc(100% + var(--space-2));background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);z-index:2000;width:380px;max-height:480px;animation:.2s ease-out slideDown;position:absolute;right:0;overflow:hidden;box-shadow:0 16px 48px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;display:flex}.notification-dropdown-header h4{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.notification-dropdown-list{max-height:400px;overflow-y:auto}.notification-item{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:1px solid hsla(var(--card-border-hsl), .5);cursor:pointer;flex-direction:column;transition:background .15s;display:flex}.notification-item:hover{background:hsla(var(--card-border-hsl), .2)}.notification-item.unread{border-left:3px solid var(--primary);background:hsla(var(--primary-hsl), .05)}.notification-item-title{font-size:var(--font-size-sm);font-weight:600}.notification-item-message{font-size:var(--font-size-xs);color:var(--foreground-muted);line-height:1.4}.notification-item-time{color:var(--foreground-muted);opacity:.7;font-size:11px}.notification-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--foreground-muted);font-size:var(--font-size-sm)}.reminders-page{padding:var(--space-8);max-width:800px;margin:0 auto;animation:.4s ease-out fadeIn}.reminders-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.reminders-header h1{font-size:var(--font-size-2xl);font-weight:700}.reminders-count{color:var(--foreground-muted);font-size:var(--font-size-sm)}.reminder-form{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.reminder-form .input{flex:1}.reminder-list{gap:var(--space-2);flex-direction:column;display:flex}.reminder-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:all .2s;display:flex}.reminder-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000026}.reminder-card.done{opacity:.55}.reminder-card.done .reminder-title{text-decoration:line-through}.reminder-check{border:2px solid var(--foreground-muted);cursor:pointer;color:#0000;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:12px;transition:all .2s;display:flex}.reminder-check:hover{border-color:var(--primary)}.reminder-check.checked{background:var(--primary);border-color:var(--primary);color:#fff}.reminder-content{flex:1;min-width:0}.reminder-title{font-size:var(--font-size-sm);font-weight:500;line-height:1.3}.reminder-desc{font-size:var(--font-size-xs);color:var(--foreground-muted);margin-top:var(--space-1);line-height:1.4}.reminder-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--foreground-muted);opacity:.7;font-size:11px;display:flex}.reminder-action-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:#2b8cee;cursor:pointer;background:#2b8cee1f;padding:2px 8px;font-weight:600;transition:all .15s;display:inline-flex}.reminder-action-badge:hover{background:#2b8cee38}.reminder-actions{gap:var(--space-1);flex-shrink:0;display:flex}.upload-page{padding:var(--space-8);max-width:1400px;margin:0 auto;animation:.4s ease-out fadeIn}.upload-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.upload-header h1{font-size:var(--font-size-2xl);font-weight:700}.upload-zone{border:2px dashed var(--card-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;margin-bottom:var(--space-6);background:var(--card);transition:all .3s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--primary);background:#2b8cee0d}.upload-zone-icon{margin-bottom:var(--space-2);font-size:2.5rem}.upload-zone p{color:var(--foreground-muted);font-size:var(--font-size-sm)}.upload-zone .upload-label{font-weight:600;font-size:var(--font-size-base);color:var(--foreground)}.upload-controls{gap:var(--space-4);margin-bottom:var(--space-4);align-items:flex-end;display:flex}.upload-controls .form-group{flex:1}.upload-result-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.upload-result-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:500px}.upload-result-modal h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:700}.result-stats{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.result-stat{padding:var(--space-3);border-radius:var(--radius-md);text-align:center}.result-stat.success{background:#22c35d1f}.result-stat.update{background:#308ce81f}.result-stat.skip{background:#f4c0251f}.result-stat.error{background:#ee2b2b1f}.result-stat-value{font-size:1.5rem;font-weight:800}.result-stat.success .result-stat-value{color:#1fad53}.result-stat.update .result-stat-value{color:#1a80e6}.result-stat.skip .result-stat-value{color:#daa60b}.result-stat.error .result-stat-value{color:#ec1313}.result-stat-label{font-size:var(--font-size-xs);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-weight:600}.batch-status{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:2px 8px;font-weight:600;display:inline-flex}.batch-status.completed{color:#1fad53;background:#22c35d26}.batch-status.completed-with-errors{color:#daa60b;background:#f4c02526}.batch-status.processing{color:#1a80e6;background:#308ce826}.batch-status.failed{color:#ec1313;background:#ee2b2b26}.error-correction-overlay{z-index:1000;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.error-correction-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:640px;max-height:80vh;overflow-y:auto}.error-fields{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:1fr 1fr;display:grid}.upload-progress{margin:var(--space-4) 0;text-align:center}.upload-progress-bar{background:var(--card-border);border-radius:var(--radius-sm);height:4px;overflow:hidden}.upload-progress-bar-fill{background:linear-gradient(90deg, var(--primary), #55a6f6);height:100%;animation:1.5s ease-in-out infinite indeterminate}@keyframes indeterminate{0%{width:0;margin-left:0}50%{width:60%;margin-left:20%}to{width:0;margin-left:100%}}.app-shell{background:var(--background);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:200;height:100vh;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:20px 20px 16px;display:flex}.sidebar-brand-logo{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-brand-logo svg{fill:#fff;width:18px;height:18px}.sidebar-brand-text{font-size:var(--font-size-lg);letter-spacing:-.02em;font-weight:700}.sidebar-brand-text .brand-opera{color:#e2e8f0}.sidebar-brand-text .brand-x360{color:var(--accent)}.sidebar-nav{padding:var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-group{margin-bottom:var(--space-2)}.sidebar-group-label{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-group-text);-webkit-user-select:none;user-select:none;font-size:.6875rem;font-weight:600;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--sidebar-text);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;padding:8px 12px;font-weight:400;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:var(--sidebar-text-hover);background:var(--sidebar-bg-hover)}.sidebar-link.active{color:var(--sidebar-text-active);background:var(--sidebar-active-bg);font-weight:500}.sidebar-link.active:before{content:"";background:var(--sidebar-active-border);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid #ffffff0f;flex-shrink:0;margin-top:auto}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;width:32px;height:32px;font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--sidebar-group-text)}.sidebar-logout-btn{color:var(--sidebar-text);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;display:flex}.sidebar-logout-btn svg{width:18px;height:18px}.sidebar-logout-btn:hover{color:var(--danger);background:#ef44441a}.app-main-area{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.app-header{height:var(--header-height);padding:0 var(--space-6);background:var(--header-bg);border-bottom:1px solid var(--header-border);justify-content:flex-end;align-items:center;gap:var(--space-4);z-index:100;display:flex;position:sticky;top:0}.header-search{flex:1;max-width:400px;position:relative}.header-search .input{background:var(--background);border-color:var(--card-border);font-size:var(--font-size-sm);padding-left:36px}.header-search-icon{width:16px;height:16px;color:var(--foreground-subtle);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.header-user-info{align-items:center;gap:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--card-border);display:flex}.header-user-name{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.app-content{padding:var(--space-6);background:var(--background);animation:fadeIn var(--transition-normal) ease-out;flex:1}.app-shell--login{background:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-main-area{margin-left:0}}