:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--success-bg: #dcfce7;--success-text: #15803d;--warning-bg: #fef9c3;--warning-text: #a16207;--error-bg: #fee2e2;--error-text: #b91c1c;--info-bg: #e0f2fe;--info-text: #0369a1;--bg-app: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--input-bg: #ffffff;--hover-bg: #f1f5f9;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--font-sans: "Roboto", system-ui, -apple-system, sans-serif;--font-serif: "Georgia", serif}body.dark{--bg-app: #020617;--bg-card: #0f172a;--bg-sidebar: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #1e293b;--input-bg: #1e293b;--hover-bg: #1e293b;--success-bg: #052e16;--success-text: #4ade80;--warning-bg: #422006;--warning-text: #facc15;--error-bg: #450a0a;--error-text: #f87171;--info-bg: #082f49;--info-text: #38bdf8;--primary-50: #172554;--primary-100: #1e3a8a}html{font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:1.05rem;line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;color:var(--text-main)}body.dark .bg-white{background-color:var(--bg-card)!important}body.dark .bg-slate-50{background-color:#0f172a!important}body.dark .text-slate-900{color:var(--text-main)!important}body.dark .text-slate-800{color:#e2e8f0!important}body.dark .text-slate-700{color:#cbd5e1!important}body.dark .text-slate-600{color:#94a3b8!important}body.dark .text-slate-500{color:#64748b!important}body.dark .border-slate-100,body.dark .border-slate-200{border-color:var(--border-color)!important}@keyframes waveIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.animate-wave-in{animation:waveIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite;display:flex}.splash-loop-arrows{transform-origin:150px 140px;animation:splashSpinLoop 4s linear infinite;transform-box:view-box}@keyframes splashSpinLoop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-human-icon-group{transform-origin:150px 95px;animation:splashPulseHuman 2.5s ease-in-out infinite alternate;transform-box:view-box}@keyframes splashPulseHuman{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.1);filter:brightness(1.2)}}.splash-text-elements{animation:splashFadeInUp 1.5s ease-out forwards;opacity:0}@keyframes splashFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;font-size:1rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:1px solid transparent;gap:.6rem}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover{background-color:var(--primary-700)}.btn-secondary{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background-color:var(--hover-bg);border-color:#94a3b8}.btn-danger{background-color:var(--error-bg);color:var(--error-text)}.btn-danger:hover{background-color:#fee2e2;border-color:#fca5a5}body.dark .btn-danger:hover{background-color:#7f1d1d}.btn-success{background-color:var(--success-text);color:#fff}.btn-success:hover{background-color:#166534}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.75rem;transition:background-color .3s ease,border-color .3s ease}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.label{font-size:.95rem;font-weight:500;color:var(--text-main)}.input,.textarea,.select{padding:.6rem .875rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-main);font-size:1rem;width:100%;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f633}.badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:9999px;font-size:.85rem;font-weight:600;text-transform:capitalize}.badge-pending,.badge-draft{background-color:var(--hover-bg);color:var(--text-muted)}.badge-sent{background-color:var(--info-bg);color:var(--info-text)}.badge-viewed{background-color:var(--primary-100);color:var(--primary-700)}.badge-approved{background-color:var(--success-bg);color:var(--success-text)}.badge-rejected{background-color:var(--error-bg);color:var(--error-text)}.badge-needs_info{background-color:var(--warning-bg);color:var(--warning-text)}.sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);height:100vh;position:fixed;left:0;top:0;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease,background-color .3s ease,border-color .3s ease;z-index:40}.sidebar.collapsed{width:80px;padding:1.5rem .75rem}.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.main-content{margin-left:280px;padding:2.5rem;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.expanded{margin-left:80px}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px!important;display:flex}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0!important;padding:1rem}}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;color:var(--text-muted);border-radius:var(--radius-md);text-decoration:none;margin-bottom:.5rem;cursor:pointer;transition:background-color .2s,color .2s;font-size:1rem;white-space:nowrap}.nav-item:hover,.nav-item.active{background-color:var(--primary-50);color:var(--primary-700)}body.dark .nav-item:hover,body.dark .nav-item.active{background-color:#3b82f61a;color:#60a5fa}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalPop .2s ease-out;border:1px solid var(--border-color);color:var(--text-main)}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:60;display:flex;flex-direction:column;gap:1rem}.toast{background:#1e293b;color:#fff;padding:1.25rem 1.75rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a;font-size:1rem;animation:slideIn .3s ease-out;display:flex;align-items:center;gap:1rem;max-width:400px}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.portal-layout{min-height:100vh;background-color:var(--bg-app);display:flex;flex-direction:column}.portal-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1.25rem 0}.portal-container{max-width:650px;margin:3rem auto;padding:0 1.5rem}