.route-progress{z-index:9999;pointer-events:none;opacity:0;background:var(--color-primary-500,#3f7b35);height:3px;position:fixed;top:0;left:0;right:0}.route-progress--active{opacity:1;animation:12s cubic-bezier(.2,.8,.3,1) forwards route-progress-bar}@keyframes route-progress-bar{0%{width:0}10%{width:30%}30%{width:55%}60%{width:75%}80%{width:88%}to{width:96%}}:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-navy-50:#f0f4f8;--color-navy-100:#d9e2ec;--color-navy-200:#bcccdc;--color-navy-300:#9fb3c8;--color-navy-400:#829ab1;--color-navy-500:#627d98;--color-navy-600:#486581;--color-navy-700:#334e68;--color-navy-800:#243b53;--color-navy-900:#102a43;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-sidebar:var(--color-navy-900);--bg-header:#fff;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-400);--text-inverse:#fff;--border-light:var(--color-gray-200);--border-medium:var(--color-gray-300);--border-dark:var(--color-gray-400);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--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:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--sidebar-width:280px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:1400px}[data-theme=dark]{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-tertiary:var(--color-gray-700);--bg-header:var(--color-gray-800);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-500);--border-light:var(--color-gray-700);--border-medium:var(--color-gray-600);--border-dark:var(--color-gray-500)}body[data-company="6cia"]{--color-primary-50:#e6f0ff;--color-primary-100:#cce0ff;--color-primary-200:#99c2ff;--color-primary-300:#66a3ff;--color-primary-400:#3385ff;--color-primary-500:#036;--color-primary-600:#002b57;--color-primary-700:#002347;--color-primary-800:#001a38;--color-primary-900:#001229;--bg-sidebar:#001a38;--company-accent:#4a90d9;--company-gradient:linear-gradient(180deg, #036 0%, #001229 100%)}body[data-company="7cia"]{--color-primary-50:#fce8ec;--color-primary-100:#f9d1d9;--color-primary-200:#f3a3b3;--color-primary-300:#ed758d;--color-primary-400:#722f37;--color-primary-500:#5c1a26;--color-primary-600:#4d1620;--color-primary-700:#3d111a;--color-primary-800:#2e0d13;--color-primary-900:#1f080d;--bg-sidebar:#2e0d13;--company-accent:#a63d4b;--company-gradient:linear-gradient(180deg, #5c1a26 0%, #1f080d 100%)}body[data-company="8cia"]{--color-primary-50:#fff9e6;--color-primary-100:#fff3cc;--color-primary-200:#ffe799;--color-primary-300:#ffdb66;--color-primary-400:#ffd033;--color-primary-500:#c90;--color-primary-600:#a67c00;--color-primary-700:#806000;--color-primary-800:#594300;--color-primary-900:#332600;--bg-sidebar:#4d3800;--company-accent:#ffc107;--company-gradient:linear-gradient(180deg, #c90 0%, #332600 100%)}body[data-company="9cia"]{--color-primary-50:#ffe6e6;--color-primary-100:#fcc;--color-primary-200:#f99;--color-primary-300:#f66;--color-primary-400:#f33;--color-primary-500:#c00;--color-primary-600:#a30000;--color-primary-700:#7a0000;--color-primary-800:#520000;--color-primary-900:#290000;--bg-sidebar:#3d0000;--company-accent:#f44;--company-gradient:linear-gradient(180deg, #c00 0%, #290000 100%)}body[data-company="1cia"],body[data-company=Cmt1cia],body[data-company=Sgte1cia]{--color-primary-50:#e6f7ff;--color-primary-100:#ccefff;--color-primary-200:#99dfff;--color-primary-300:#66cfff;--color-primary-400:#33bfff;--color-primary-500:#09c;--color-primary-600:#007aa3;--color-primary-700:#005c7a;--color-primary-800:#003d52;--color-primary-900:#001f29;--bg-sidebar:#004d66;--company-accent:#00bfff;--company-gradient:linear-gradient(180deg, #09c 0%, #002633 100%)}body[data-company="2cia"],body[data-company=Cmt2cia],body[data-company=Sgte2cia]{--color-primary-50:#e6f5ec;--color-primary-100:#ccebda;--color-primary-200:#99d7b5;--color-primary-300:#66c390;--color-primary-400:#33af6b;--color-primary-500:#1e6b3e;--color-primary-600:#185a34;--color-primary-700:#124929;--color-primary-800:#0c381f;--color-primary-900:#062714;--bg-sidebar:#0c381f;--company-accent:#2a9d4f;--company-gradient:linear-gradient(180deg, #1e6b3e 0%, #062714 100%)}body[data-company="3cia"]{--color-primary-50:#fff3e6;--color-primary-100:#ffe6cc;--color-primary-200:#fc9;--color-primary-300:#ffb366;--color-primary-400:#f93;--color-primary-500:#e67300;--color-primary-600:#b35900;--color-primary-700:#804000;--color-primary-800:#4d2600;--color-primary-900:#331a00;--bg-sidebar:#4d2600;--company-accent:#ff8c00;--company-gradient:linear-gradient(180deg, #e67300 0%, #331a00 100%)}body[data-company=admin],body[data-company=ouvidor_geral],body[data-company=ouvidor_de],body[data-company=respondente_de],body[data-company=secretaria]{--color-primary-50:#f4f5ed;--color-primary-100:#e4e7d5;--color-primary-200:#c9cfab;--color-primary-300:#adb881;--color-primary-400:#8b9340;--color-primary-500:#6b702a;--color-primary-600:#556b2f;--color-primary-700:#4b5320;--color-primary-800:#3b4219;--color-primary-900:#2b3212;--bg-sidebar:#2b3212;--company-accent:#8b9d3a;--company-gradient:linear-gradient(180deg, #4b5320 0%, #1a1f0d 100%)}body[data-company=comandoCA],body[data-company=cmtCMB],body[data-company=ouvidor_ca],body[data-company=auxiliar],body[data-company=""]{--bg-sidebar:var(--color-navy-900);--company-accent:#3b82f6;--company-gradient:linear-gradient(180deg, #1e40af 0%, #102a43 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--color-primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700);text-decoration:underline}ul,ol{list-style:none}img,svg{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;max-width:100%}input:focus,textarea:focus,select:focus,button:focus{outline:none}table{border-collapse:collapse;width:100%}iframe,video,canvas{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.hidden{display:none!important}.block{display:block}#app,#fo-app{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}.spinner{border:2px solid var(--color-gray-200);border-top-color:var(--color-primary-600);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.spinner--lg{border-width:3px;width:40px;height:40px}@media (width<=768px){html,input,textarea,select,button{font-size:16px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.fade-in-up{animation:fadeInUp var(--transition-normal) ease-out}.slide-in-left{animation:slideInLeft var(--transition-normal) ease-out}.theme-transition{transition:--bg-sidebar .3s,background-color .3s}@media (width<=480px){.form-group[style*=min-width],div[style*="min-width: 200px"],div[style*="min-width: 180px"],div[style*="min-width: 150px"],.form-select[style*=min-width]{width:100%!important;min-width:0!important}div[style*="display: flex"][style*="flex-wrap: wrap"]{gap:var(--space-2)!important}.page-content table{display:block;overflow-x:auto}}body[data-company]:before{content:"";background:var(--company-gradient,linear-gradient(135deg, #1e40af 0%, #102a43 100%));z-index:9999;height:3px;position:fixed;top:0;left:0;right:0}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible{outline:2px solid var(--company-accent,var(--color-primary-500));outline-offset:2px}@keyframes pulse-accent{0%,to{box-shadow:0 0 0 0 rgba(var(--company-accent), .4)}50%{box-shadow:0 0 0 8px rgba(var(--company-accent), 0)}}.card{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge--company{background:var(--company-accent,var(--color-primary-500));color:#fff}.text-gradient{background:var(--company-gradient,linear-gradient(135deg, #1e40af 0%, #102a43 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar{background:var(--company-gradient,linear-gradient(180deg, var(--bg-sidebar) 0%, #0a1929 100%))!important}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;max-width:100%;line-height:1;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));color:#fff;box-shadow:0 2px 4px #2563eb4d}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-700), var(--color-primary-800));transform:translateY(-1px);box-shadow:0 4px 8px #2563eb66}.btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn--secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-dark)}.btn--danger{background:linear-gradient(135deg, var(--color-danger-500), var(--color-danger-600));color:#fff;box-shadow:0 2px 4px #ef44444d}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg, var(--color-danger-600), var(--color-danger-700))}.btn--success{background:linear-gradient(135deg, var(--color-success-500), var(--color-success-600));color:#fff;box-shadow:0 2px 4px #10b9814d}.btn--success:hover:not(:disabled){background:linear-gradient(135deg, var(--color-success-600), var(--color-success-700))}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn--icon{padding:var(--space-2);width:44px;height:44px}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden}.card--hover{transition:all var(--transition-normal)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2);display:block}.form-label--required:after{content:" *";color:var(--color-danger-500)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-danger-500)}.form-input--error:focus,.form-select--error:focus{box-shadow:0 0 0 3px var(--color-danger-100)}.form-textarea{resize:vertical;min-height:120px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-error{font-size:var(--font-size-sm);color:var(--color-danger-600);margin-top:var(--space-1)}.form-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.form-radio-group,.form-checkbox-group{gap:var(--space-4);flex-wrap:wrap;display:flex}.form-radio,.form-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.form-radio input,.form-checkbox input{width:18px;height:18px;accent-color:var(--color-primary-600);cursor:pointer}.form-radio span,.form-checkbox span{font-size:var(--font-size-sm);color:var(--text-primary)}.badge{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge--success{background:var(--color-success-100);color:var(--color-success-700)}.badge--warning{background:var(--color-warning-100);color:var(--color-warning-600)}.badge--danger{background:var(--color-danger-100);color:var(--color-danger-700)}.badge--neutral{background:var(--color-gray-100);color:var(--color-gray-700)}.badge--vencido{background:var(--color-danger-500);color:#fff;font-weight:var(--font-weight-bold);animation:2s infinite pulse-vencido}@keyframes pulse-vencido{0%,to{opacity:1}50%{opacity:.7}}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex}.alert__icon{flex-shrink:0;width:20px;height:20px}.alert__content{word-break:break-word;flex:1}.alert__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.alert--info{background:var(--color-primary-50);border:1px solid var(--color-primary-200);color:var(--color-primary-800)}.alert--success{background:var(--color-success-50);border:1px solid var(--color-success-100);color:var(--color-success-700)}.alert--warning{background:var(--color-warning-50);border:1px solid var(--color-warning-100);color:var(--color-warning-600)}.alert--danger{background:var(--color-danger-50);border:1px solid var(--color-danger-100);color:var(--color-danger-700)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-light);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{min-width:100%;font-size:var(--font-size-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.table tbody tr:hover td{background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.modal-backdrop{z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-fast);background:#00000080;position:fixed;inset:0}.modal-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay .modal{opacity:1;visibility:visible;margin:0;position:relative;top:auto;left:auto;transform:none}.modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);width:calc(100% - var(--space-8));max-width:500px;max-height:calc(100vh - var(--space-8));opacity:0;visibility:hidden;transition:all var(--transition-fast);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(.95)}.modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.modal__header{padding:var(--space-5);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal__close{width:44px;height:44px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal__body{padding:var(--space-5)}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light);background:var(--bg-secondary);display:flex}.post-login-alert{max-width:760px}.post-login-alert__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-600);margin-bottom:var(--space-1)}.post-login-alert__lead{margin:0 0 var(--space-4);color:var(--text-secondary);line-height:1.6}.post-login-alert__section{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:var(--space-4)}.post-login-alert__section+.post-login-alert__section{margin-top:var(--space-4)}.post-login-alert__section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.post-login-alert__section-title{margin:0 0 var(--space-1);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.post-login-alert__section-text{color:var(--text-secondary);margin:0;line-height:1.5}.post-login-alert__count{min-width:40px;height:40px;padding:0 var(--space-2);background:var(--color-primary-100);color:var(--color-primary-700);font-weight:var(--font-weight-semibold);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.post-login-alert__table-wrap{overflow-x:auto}.post-login-alert__table{border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-md);width:100%;overflow:hidden}.post-login-alert__table th,.post-login-alert__table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-light)}.post-login-alert__table th{background:var(--bg-tertiary);font-size:var(--font-size-sm);color:var(--text-secondary)}.post-login-alert__table tbody tr:last-child td{border-bottom:none}.post-login-alert__hint{margin:var(--space-3) 0 0;color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:1.5}@media (width<=640px){.post-login-alert__section-header{flex-direction:column}.post-login-alert__count{min-width:36px;height:36px}}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-tooltip);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary-500);min-width:300px;animation:slideInLeft var(--transition-normal) ease-out;display:flex}.toast--success{border-left-color:var(--color-success-500)}.toast--warning{border-left-color:var(--color-warning-500)}.toast--error{border-left-color:var(--color-danger-500)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--text-tertiary)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state__description{color:var(--text-secondary);margin-bottom:var(--space-6)}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));color:#fff;width:40px;height:40px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.avatar--sm{width:28px;height:28px;font-size:.72rem}.avatar--lg{width:56px;height:56px;font-size:var(--font-size-lg)}.sidebar__company-logo{border-radius:var(--radius-full);object-fit:cover;border:1px solid #ffffff2e;flex-shrink:0;width:30px;height:30px}.dropdown{position:relative}.dropdown__menu{margin-top:var(--space-2);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transition:all var(--transition-fast);position:absolute;top:100%;right:0;transform:translateY(-10px)}.dropdown__menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}.dropdown__item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown__divider{background:var(--border-light);height:1px;margin:var(--space-2) 0}@media (width<=480px){.btn{white-space:normal}.btn--lg,.btn--sm,.btn{min-height:44px}.card__header,.card__body,.card__footer{padding-left:var(--space-4);padding-right:var(--space-4)}.modal{width:min(100%, calc(100vw - 24px - env(safe-area-inset-left,0) - env(safe-area-inset-right,0)));max-width:none;max-height:calc(100vh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))}.modal-overlay{padding:calc(var(--space-2) + env(safe-area-inset-top,0)) calc(var(--space-2) + env(safe-area-inset-right,0)) calc(var(--space-2) + env(safe-area-inset-bottom,0)) calc(var(--space-2) + env(safe-area-inset-left,0))}.toast{width:calc(100vw - 32px);min-width:auto}.toast-container{right:calc(var(--space-2) + env(safe-area-inset-right,0));left:calc(var(--space-2) + env(safe-area-inset-left,0));bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0))}.dropdown__menu{min-width:150px;max-width:calc(100vw - 32px)}.modal__actions{flex-direction:column-reverse;align-items:stretch}.modal__actions .btn{width:100%}.table th,.table td{padding:var(--space-2);font-size:var(--font-size-xs)}.page-header__actions{gap:var(--space-2);flex-wrap:wrap}.page-header__actions .btn{flex:1;min-width:0}}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:var(--z-fixed);transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__header{padding:var(--space-5);border-bottom:1px solid #ffffff1a}.sidebar__logo{align-items:center;gap:var(--space-3);display:flex}.sidebar__logo-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar__logo-icon svg{color:#fff;width:24px;height:24px}.sidebar__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;line-height:1.2}.sidebar__logo-text span{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-gray-400);display:block}.sidebar__nav{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0));flex:1;overflow-y:auto}.sidebar__nav-group{margin-bottom:var(--space-6)}.sidebar__nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);padding:var(--space-2) var(--space-3)}.sidebar__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);min-height:44px;color:var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2);display:flex}.sidebar__nav-item:hover{color:#fff;background:#ffffff0d}.sidebar__nav-item.active{background:linear-gradient(135deg, var(--company-accent,var(--color-primary-600)), var(--color-primary-700));color:#fff;box-shadow:0 4px 12px #0000004d}.sidebar__nav-item svg{flex-shrink:0;width:16px;height:16px}.sidebar__nav-emoji{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:15px;line-height:1;display:flex}.sidebar__nav-item span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar__nav-submenu{flex-direction:column;display:flex}.sidebar__nav-toggle{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;justify-content:flex-start}.sidebar__nav-chevron{transition:transform var(--transition-fast);margin-left:auto}.sidebar__nav-chevron svg{width:16px;height:16px}.sidebar__nav-submenu.open .sidebar__nav-chevron{transform:rotate(180deg)}.sidebar__submenu-items{padding-left:var(--space-4);margin-top:var(--space-1);flex-direction:column;display:none}.sidebar__nav-submenu.open .sidebar__submenu-items{display:flex}.sidebar__nav-item--sub{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);margin-left:var(--space-4);border-left:2px solid #ffffff1a}.sidebar__nav-item--sub.active{border-left-color:var(--color-primary-500);box-shadow:none;background:#ffffff1a}.sidebar__footer{padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0));border-top:1px solid #ffffff1a}.sidebar__user{align-items:stretch;gap:var(--space-2);background:#ffffff0b;border-radius:16px;flex-direction:column;padding:10px;display:flex}.sidebar__user-main{align-items:center;gap:10px;min-width:0;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:.84rem;font-weight:var(--font-weight-medium);color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__user-role{color:var(--color-gray-400);font-size:.72rem}.sidebar__user-actions{justify-content:flex-start;gap:6px;display:flex}.sidebar__action-btn{min-height:44px;color:var(--color-gray-200);font-size:.72rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.sidebar__action-btn svg{flex-shrink:0;width:13px;height:13px}.sidebar__action-btn:hover:not(:disabled){color:#fff;background:#ffffff1f}.sidebar__action-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar__action-btn--danger{color:#fecaca}.sidebar__action-btn--danger:hover:not(:disabled){color:#fff;background:#ef44442e}.sidebar__action-btn--portal{color:#93c5fd}.sidebar__action-btn--portal:hover:not(:disabled){color:#fff;background:#3b82f62e}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.header{height:var(--header-height);background:var(--bg-header);border-bottom:1px solid var(--border-light);padding:0 var(--space-6);z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:sticky;top:0}.header__left{align-items:center;gap:var(--space-4);min-width:0;display:flex}.header__menu-btn{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:none}.header__menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header__right{align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:flex-end;display:flex}.header__theme-btn{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header__theme-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header__theme-btn svg{width:20px;height:20px}.page-content{padding:var(--space-6);max-width:var(--content-max-width);flex:1;width:100%;min-width:0;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.page-header__subtitle{font-size:var(--font-size-base);color:var(--text-secondary)}.page-header__actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-light);align-items:flex-start;gap:var(--space-4);transition:all var(--transition-fast);display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card__icon--primary{background:var(--color-primary-100);color:var(--color-primary-600)}.stat-card__icon--success{background:var(--color-success-100);color:var(--color-success-600)}.stat-card__icon--warning{background:var(--color-warning-100);color:var(--color-warning-600)}.stat-card__icon--danger{background:var(--color-danger-100);color:var(--color-danger-600)}.stat-card__icon--info{background:var(--color-gray-100);color:var(--color-gray-600)}.stat-card__icon svg{width:24px;height:24px}.stat-card__content{flex:1}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.stat-card__label{font-size:var(--font-size-sm);color:var(--text-secondary)}@media (width<=1024px){.sidebar{width:100%;max-width:320px;height:100dvh}.sidebar-overlay{z-index:calc(var(--z-fixed) - 1);opacity:0;visibility:hidden;transition:all var(--transition-fast);background:#00000080;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}.main-content{margin-left:0}.header__menu-btn{display:flex}}@media (width<=768px){.page-content{padding:var(--space-4)}.header{padding:0 var(--space-4);padding-top:max(env(safe-area-inset-top,0px), .5rem);height:calc(var(--header-height) + max(env(safe-area-inset-top,0px), .5rem));align-items:center}.header__left{gap:var(--space-3)}.header__menu-btn{width:48px;height:48px;z-index:calc(var(--z-sticky) + 1);flex-shrink:0;position:relative}.sidebar{width:min(var(--sidebar-width), 86vw);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-top:max(env(safe-area-inset-top,0px), .5rem);box-shadow:0 20px 48px #0f172a47}.stats-grid{grid-template-columns:1fr}.header__right{gap:var(--space-2)}.header__title{font-size:var(--font-size-lg)}}@media (width<=480px){.page-content{padding:var(--space-3)}.header{padding:var(--space-2) var(--space-3);padding-top:max(env(safe-area-inset-top,0px), var(--space-2));height:auto;min-height:calc(var(--header-height) + env(safe-area-inset-top,0));flex-wrap:wrap;align-items:flex-start}.page-header{margin-bottom:var(--space-4)}.page-header__title{font-size:var(--font-size-xl)}.stats-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.header__left,.header__right{width:100%}.header__left{gap:var(--space-3)}.header__right{justify-content:space-between}.header__title{white-space:normal;line-height:1.2}.stat-card{padding:var(--space-3)}.stat-card__value{font-size:var(--font-size-xl)}.stat-card__label{font-size:var(--font-size-xs)}.stat-card__icon{width:36px;height:36px}}.login-page{min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,#4b5320,#2b3212);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);overflow:hidden}.login-card__header{padding:var(--space-8) var(--space-6);text-align:center;background:linear-gradient(135deg,#556b2f,#3b4219)}.login-card__logo{width:120px;height:120px;margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.login-card__logo img{object-fit:contain;width:100%;height:100%}.login-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-2)}.login-card__subtitle{font-size:var(--font-size-sm);color:#fffc}.login-card__body{padding:var(--space-6)}.login-card__footer{padding:var(--space-4) var(--space-6);background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-light)}.login-card__fo-link{align-items:center;gap:var(--space-2);color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.login-card__fo-link:hover{color:var(--color-primary-700)}.login-card__fo-link svg{width:18px;height:18px}.dev-credit{margin-top:var(--space-6);color:#ffffff73;letter-spacing:.3px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;font-size:.75rem;display:flex}.dev-credit strong{color:#fff9;font-weight:600}.dev-credit__symbol{color:#ffffff80;justify-content:center;align-items:center;font-size:.85rem;font-weight:400;line-height:1;display:inline-flex}.dev-credit--light{color:#00000059;margin-top:var(--space-4);padding-bottom:var(--space-4)}.dev-credit--light strong{color:#00000080}.dev-credit--light .dev-credit__symbol{color:#0006}.ouv-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.ouv-stat{border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-light);align-items:flex-start;gap:var(--space-4);transition:all var(--transition-fast);background:#fff;display:flex}.ouv-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ouv-stat__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ouv-stat__icon--primary{background:var(--color-primary-100);color:var(--color-primary-600)}.ouv-stat__icon--warning{background:var(--color-warning-100);color:var(--color-warning-600)}.ouv-stat__icon--success{background:var(--color-success-100);color:var(--color-success-600)}.ouv-stat__icon--danger{background:var(--color-danger-100);color:var(--color-danger-600)}.ouv-stat__icon svg{width:22px;height:22px}.ouv-stat__value{color:var(--text-primary);margin-bottom:var(--space-1);font-size:1.5rem;font-weight:700;line-height:1}.ouv-stat__label{color:var(--text-secondary);font-size:.8125rem}.ouv-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.ouv-filters .ouv-select,.ouv-filters .ouv-input{max-width:200px;padding:var(--space-2) var(--space-3);font-size:.8125rem}.ouv-input,.ouv-select,.ouv-textarea{width:100%;padding:var(--space-3) var(--space-4);color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:inherit;font-size:.9375rem}.ouv-input:focus,.ouv-select:focus,.ouv-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.ouv-input::placeholder,.ouv-textarea::placeholder{color:var(--text-tertiary)}.ouv-textarea{resize:vertical;min-height:120px}.ouv-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.ouv-select--multi{appearance:auto;padding-right:var(--space-3);background-image:none}.ouv-hint{color:var(--text-tertiary);margin-top:.3rem;font-size:.78rem;display:block}.ouv-form-group{margin-bottom:var(--space-5)}.ouv-label{color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.ouv-label--required:after{content:" *";color:var(--color-danger-500)}.ouv-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-family:inherit;font-size:.9375rem;font-weight:500;display:inline-flex}.ouv-btn:disabled{opacity:.6;cursor:not-allowed}.ouv-btn--primary{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));color:#fff;box-shadow:0 2px 8px #2563eb4d}.ouv-btn--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-700), var(--color-primary-800));transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.ouv-btn--secondary{color:var(--text-primary);border:1.5px solid var(--border-medium);background:#fff}.ouv-btn--secondary:hover:not(:disabled){background:var(--bg-tertiary)}.ouv-btn--success{background:linear-gradient(135deg, var(--color-success-500), var(--color-success-600));color:#fff;box-shadow:0 2px 8px #10b9814d}.ouv-btn--full{width:100%}.ouv-btn svg{width:18px;height:18px}.ouv-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite ouv-spin;display:inline-block}@keyframes ouv-spin{to{transform:rotate(360deg)}}.ouv-success{gap:var(--space-4);padding:var(--space-4);text-align:left;display:grid}.ouv-success__hero{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.ouv-success__icon{background:linear-gradient(180deg, var(--color-success-50,#ecfdf5), #10b9811f);border:1px solid #10b9812e;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:inset 0 1px #ffffff8c}.ouv-success__icon svg{width:34px;height:34px;color:var(--color-success-600,#059669)}.ouv-success__copy{min-width:0}.ouv-success__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-success-700,#047857);margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:inline-block}.ouv-success__title{color:var(--text-primary,#0f172a);margin:0;font-size:1.5rem;font-weight:800;line-height:1.15}.ouv-success__summary{max-width:52ch;color:var(--text-secondary,#475569);margin:.45rem 0 0;font-size:.92rem;line-height:1.6}.ouv-success__warning{color:#8a5b00;background:#fff8e6;border:1px solid #f2d38a;border-radius:16px;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;font-size:.875rem;line-height:1.55;display:flex}.ouv-success__warning svg{color:#c27b00;flex-shrink:0;width:18px;height:18px;margin-top:.1rem}.ouv-success__protocol-card{background:linear-gradient(#2563eb0d,#2563eb05);border:1px solid #2563eb24;border-radius:18px;padding:1rem 1.1rem}.ouv-success__protocol-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary,#64748b);margin-bottom:.6rem;font-size:.76rem;font-weight:700;display:inline-block}.ouv-success__protocol-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ouv-success__protocol{letter-spacing:.08em;min-height:44px;color:var(--color-primary-700,#1d4ed8);background:#fff;border:1px solid #2563eb2e;border-radius:14px;align-items:center;padding:.7rem .9rem;font-size:1.05rem;font-weight:800;display:inline-flex}.ouv-success__copy-btn{white-space:nowrap;gap:.375rem}.ouv-success__feedback{min-height:1.25rem;color:var(--color-success-700,#047857);margin-top:.5rem;font-size:.8125rem}.ouv-success__hint{color:var(--text-secondary,#475569);margin:0;font-size:.9rem;line-height:1.6}.ouv-success__actions{justify-content:flex-start;display:flex}@media (width<=640px){.ouv-success{padding:0}.ouv-success__hero{grid-template-columns:1fr}.ouv-success__icon{width:64px;height:64px}.ouv-success__protocol,.ouv-success__copy-btn{justify-content:center;width:100%}}.ouv-tabs{gap:var(--space-1);margin-bottom:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-1);display:flex}.ouv-tab{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-family:inherit;font-size:.875rem;font-weight:500}.ouv-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.ouv-tab--active{color:var(--color-primary-700);box-shadow:var(--shadow-sm);background:#fff;font-weight:600}.ouv-list{gap:var(--space-3);flex-direction:column;display:flex}.ouv-list-item{border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);cursor:pointer;transition:all var(--transition-fast);background:#fff;display:flex}.ouv-list-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200);transform:translateY(-1px)}.ouv-list-item__tipo{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8125rem;font-weight:700;display:flex}.ouv-list-item__tipo--CA{background:var(--color-primary-100);color:var(--color-primary-700)}.ouv-list-item__tipo--DE{background:var(--color-success-100);color:var(--color-success-700)}.ouv-list-item__content{flex:1;min-width:0}.ouv-list-item__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.ouv-list-item__subtitle{color:var(--text-secondary);margin-top:var(--space-1);font-size:.8125rem}.ouv-list-item__meta{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.ouv-list-item__date{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.ouv-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.ouv-badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.ouv-badge--success{background:var(--color-success-100);color:var(--color-success-700)}.ouv-badge--warning{background:var(--color-warning-100);color:var(--color-warning-600)}.ouv-badge--danger{background:var(--color-danger-100);color:var(--color-danger-700)}.ouv-badge--neutral{background:var(--color-gray-100);color:var(--color-gray-700)}.ouv-detail{gap:var(--space-6);grid-template-columns:1fr 480px;display:grid}@media (width<=900px){.ouv-detail{grid-template-columns:1fr}}.ouv-detail__info{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fff;overflow:hidden}.ouv-detail__info-header{padding:var(--space-5);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.ouv-detail__info-body{padding:var(--space-5)}.ouv-detail__field{margin-bottom:var(--space-4)}.ouv-detail__field-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-size:.75rem}.ouv-detail__field-value{color:var(--text-primary);font-size:.9375rem}.ouv-detail__sidebar{gap:var(--space-4);flex-direction:column;display:flex}.ouv-detail__action-card{border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--space-5);background:#fff}.ouv-detail__action-title{color:var(--text-primary);margin-bottom:var(--space-4);font-size:.9375rem;font-weight:600}.ouv-timeline{padding-left:32px;position:relative}.ouv-timeline:before{content:"";background:var(--border-light);width:2px;position:absolute;top:8px;bottom:8px;left:11px}.ouv-timeline__item{padding-bottom:var(--space-6);position:relative}.ouv-timeline__item:last-child{padding-bottom:0}.ouv-timeline__dot{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:2px;left:-32px}.ouv-timeline__dot--active{background:var(--color-primary-500);box-shadow:0 0 0 4px var(--color-primary-100)}.ouv-timeline__dot--completed{background:var(--color-success-500)}.ouv-timeline__dot svg{color:#fff;width:12px;height:12px}.ouv-timeline__header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ouv-timeline__title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.ouv-timeline__date{color:var(--text-tertiary);white-space:nowrap;font-size:.8125rem}.ouv-timeline__body{margin-top:var(--space-2);color:var(--text-secondary);font-size:.875rem;line-height:1.6}.ouv-timeline__timestamps{gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ouv-timeline__ts{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;display:flex}.ouv-timeline__ts--enviado{background:var(--color-primary-50);color:var(--color-primary-700)}.ouv-timeline__ts--recebido{background:var(--color-success-50);color:var(--color-success-700)}.ouv-timeline__ts--respondido{background:var(--color-warning-50);color:var(--color-warning-600)}.ouv-timeline__ts--duracao{background:var(--color-gray-100);color:var(--color-gray-700);font-weight:500}.ouv-timeline__ts svg{width:12px;height:12px}.ouv-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex}.ouv-alert--danger{background:var(--color-danger-50);border:1px solid var(--color-danger-100);color:var(--color-danger-700)}.ouv-alert svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.ouv-empty{text-align:center;padding:var(--space-12) var(--space-6)}.ouv-empty svg{width:64px;height:64px;color:var(--text-tertiary);margin-bottom:var(--space-4)}.ouv-empty__title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.ouv-empty__text{color:var(--text-secondary);font-size:.875rem}.sidebar__badge{color:#fff;background:var(--color-danger-500);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.6875rem;font-weight:700;display:inline-flex}@media (width<=768px){.ouv-list-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.ouv-list-item__meta{justify-content:space-between;width:100%}}@media (width<=480px){.ouv-stats-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.ouv-stat{padding:var(--space-3)}.ouv-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.ouv-tab{white-space:nowrap;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.ouv-detail__info-header{padding:var(--space-3);align-items:flex-start;gap:var(--space-2);flex-direction:column}.ouv-detail__info-body{padding:var(--space-3)}.ouv-timeline{padding-left:var(--space-4)}}