@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.518e079e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.ea323500.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.853d50a3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.55554cd0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.56c1f21e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3b336396.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.e3369375.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.a40b9a8b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.fe42ddf4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.29207c2f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--bg-color:#f1f5f9;--background-color:#f1f5f9;--sidebar-bg:#fff;--card-bg:#fff;--surface-color:#f8fafc;--surface-hover:#e2e8f0;--text-main:#0f172a;--text-muted:#475569;--text-inverse:#fff;--border-color:#cbd5e1;--banner-bg:#121212;--banner-text:#fff;--accent-color:#4f46e5;--accent-hover:#4338ca;--accent-light:#e0e7ff;--success-color:#16a34a;--success-bg:#dcfce7;--warning-color:#ea580c;--warning-bg:#ffedd5;--danger-color:#dc2626;--danger-bg:#fee2e2;--info-color:#2563eb;--info-bg:#dbeafe;--gradient-bg:linear-gradient(145deg,#818cf8,#4f46e5);--column-bg:#00000005;--column-drag-bg:#0000000d;--signature-bg:#f8fafc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-color:#08090d;--background-color:#08090d;--sidebar-bg:#0d0f16;--card-bg:#0f121a;--surface-color:#0f121a;--surface-hover:#181c28;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#000;--border-color:#1e2433;--banner-bg:#fff;--banner-text:#121212;--accent-color:#8c82ff;--accent-hover:#7b71e1;--accent-light:#8c82ff26;--success-color:#10b981;--success-bg:#10b98126;--warning-color:#f59e0b;--warning-bg:#f59e0b26;--danger-color:#ef4444;--danger-bg:#ef444426;--info-color:#3b82f6;--info-bg:#3b82f626;--column-bg:#ffffff08;--column-drag-bg:#ffffff14;--signature-bg:#f8fafc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-geist-sans),sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;transition:background-color .3s,color .3s}.layout-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:250px;padding:1.5rem;transition:background-color .3s,border-color .3s;display:flex}.main-content{background-color:var(--bg-color);flex:1;min-width:0;padding:2rem 3rem;overflow-y:auto}@media (max-width:768px){body,html{max-width:100%;overflow-x:hidden}.layout-container{flex-direction:column;width:100%;height:100dvh;overflow-x:hidden}.main-content{box-sizing:border-box;width:100%;padding:4.5rem .5rem 2rem;overflow-x:hidden}table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}input:not([type=checkbox]):not([type=radio]),select,textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important}h1{margin-bottom:.5rem!important;font-size:1.5rem!important}h2{margin-bottom:.5rem!important;font-size:1.25rem!important}h3{font-size:1.1rem!important}button{min-height:44px}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}}.global-banner{background:var(--gradient-bg,linear-gradient(145deg,#818cf8,#4f46e5));border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #4f46e566}.global-banner-title{color:#fff;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:2rem;font-weight:800;display:flex}.global-banner-subtitle{color:#ffffffd9;margin:0;font-size:1rem}.global-banner-actions{align-items:center;gap:1rem;display:flex}.global-banner-btn-outline,.global-banner-btn-primary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;height:38px;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.global-banner-btn-outline{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background-color:#ffffff26;border:1px solid #ffffff4d}.global-banner-btn-outline:hover{background-color:#ffffff40;transform:translateY(-2px)}.global-banner-btn-primary{color:var(--accent-color,#4f46e5);background-color:#fff}.global-banner-btn-primary:hover:not(:disabled){background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.global-banner-btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-3d-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 10px #6366f133,inset 0 1px #ffffff26}.btn-3d-primary:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 14px #6366f14d,inset 0 1px #ffffff26}.btn-3d-success{cursor:pointer;color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 10px #10b98133,inset 0 1px #ffffff26}.btn-3d-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 14px #10b9814d,inset 0 1px #ffffff26}.btn-3d-danger{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 10px #ef444433,inset 0 1px #ffffff26}.btn-3d-danger:hover:not(:disabled){background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 14px #ef44444d,inset 0 1px #ffffff26}.btn-3d-secondary{cursor:pointer;background:linear-gradient(135deg,#ffffff1a 0%,#00000005 100%),var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 8px #0000000a,inset 0 1px #ffffff0f}[data-theme=dark] .btn-3d-secondary{background:linear-gradient(135deg,#ffffff1a 0%,#0000000d 100%),var(--surface-hover)}.btn-3d-secondary:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26 0%,#0000000d 100%),var(--surface-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 12px #0000000f,inset 0 1px #ffffff26}.btn-3d-primary:active:not(:disabled),.btn-3d-success:active:not(:disabled),.btn-3d-danger:active:not(:disabled),.btn-3d-secondary:active:not(:disabled){transform:translateY(0)scale(.98)!important;box-shadow:0 2px 4px #0000001a!important}.btn-3d-primary:disabled,.btn-3d-success:disabled,.btn-3d-danger:disabled,.btn-3d-secondary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.glas-input{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s;box-shadow:inset 0 2px 4px #00000008}.glas-input:focus{border-color:var(--accent-color);background:var(--background-color);outline:none;box-shadow:inset 0 2px 4px #00000005,0 0 0 3px #8b5cf633}[data-theme=dark] .glas-input{box-shadow:inset 0 2px 6px #00000026}[data-theme=dark] .glas-input:focus{box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #8b5cf64d}.glass-overlay{-webkit-backdrop-filter:blur(8px)!important;background:#00000080!important}button[style*="background-color: var(--accent-color)"],button[style*="backgroundColor: var(--accent-color)"],button[style*="background: var(--accent-color)"],button[style*="background: 'var(--accent-color)'"]{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;border:none!important;transition:all .2s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 4px 10px #6366f133,inset 0 1px #ffffff26!important}button[style*="background-color: var(--accent-color)"]:hover,button[style*="backgroundColor: var(--accent-color)"]:hover,button[style*="background: var(--accent-color)"]:hover,button[style*="background: 'var(--accent-color)'"]:hover{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 6px 14px #6366f14d,inset 0 1px #ffffff26!important}button[style*="background-color: transparent"][style*="color: var(--text-muted)"],button[style*="background: transparent"][style*="color: var(--text-muted)"]{background:linear-gradient(135deg,#ffffff1a 0%,#00000005 100%),var(--surface-color)!important;border:1px solid var(--border-color)!important;transition:all .2s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 4px 8px #0000000a,inset 0 1px #ffffff0f!important}button[style*="background-color: transparent"][style*="color: var(--text-muted)"]:hover,button[style*="background: transparent"][style*="color: var(--text-muted)"]:hover{background:linear-gradient(135deg,#ffffff26 0%,#0000000d 100%),var(--surface-hover)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 6px 12px #0000000f,inset 0 1px #ffffff26!important}button[style*="background-color: var(--danger-color)"],button[style*="background: var(--danger-color)"]{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:none!important;transition:all .2s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 4px 10px #ef444433,inset 0 1px #ffffff26!important}button[style*="background-color: var(--danger-color)"]:hover,button[style*="background: var(--danger-color)"]:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 6px 14px #ef44444d,inset 0 1px #ffffff26!important}button[style*="background-color: rgb(16, 124, 65)"],button[style*="background-color: #107c41"],button[style*="background: #107c41"],button[style*="backgroundColor: '#107c41'"]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;transition:all .2s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 4px 10px #10b98133,inset 0 1px #ffffff26!important}button[style*="background-color: rgb(16, 124, 65)"]:hover,button[style*="background-color: #107c41"]:hover,button[style*="background: #107c41"]:hover,button[style*="backgroundColor: '#107c41'"]:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 6px 14px #10b9814d,inset 0 1px #ffffff26!important}div[style*="background-color: var(--card-bg)"],div[style*="background: var(--card-bg)"],div[style*="backgroundColor: var(--card-bg)"],div[style*="backgroundColor: 'var(--card-bg)'"]{transition:all .2s cubic-bezier(.2,.8,.2,1);background:linear-gradient(145deg,#ffffff08 0%,#3b82f60d 100%),var(--surface-color)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000008,inset 0 1px #ffffff0f!important}[data-theme=dark] div[style*="background-color: var(--card-bg)"],[data-theme=dark] div[style*="background: var(--card-bg)"],[data-theme=dark] div[style*="backgroundColor: var(--card-bg)"],[data-theme=dark] div[style*="backgroundColor: 'var(--card-bg)'"]{background:linear-gradient(145deg,#090a0f 0%,#111827 100%)!important;border:1px solid #1e2433!important;box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff08!important}.swal2-popup{background:linear-gradient(145deg,#ffffff0d 0%,#3b82f60d 100%),var(--surface-color)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:16px!important;box-shadow:0 10px 30px #0003,inset 0 1px #ffffff1a!important}[data-theme=dark] .swal2-popup{background:linear-gradient(145deg,#ffffff05 0%,#3b82f60d 100%),var(--surface-color)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff0d!important}.swal2-title{color:var(--text-main)!important;font-weight:700!important}.swal2-html-container{color:var(--text-muted)!important}.swal2-confirm.swal2-styled{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;border-radius:8px!important;font-weight:600!important;transition:all .2s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 4px 10px #6366f133,inset 0 1px #ffffff26!important}.swal2-confirm.swal2-styled:hover{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 6px 14px #6366f14d,inset 0 1px #ffffff26!important}.swal2-cancel.swal2-styled{background:linear-gradient(135deg,#ffffff1a 0%,#00000005 100%),var(--surface-color)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;font-weight:600!important;transition:all .2s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 4px 8px #0000000a,inset 0 1px #ffffff0f!important}.swal2-cancel.swal2-styled:hover{background:linear-gradient(135deg,#ffffff26 0%,#0000000d 100%),var(--surface-hover)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 6px 12px #0000000f,inset 0 1px #ffffff26!important}.swal2-input,.swal2-textarea,.swal2-select{border:1px solid var(--border-color)!important;color:var(--text-main)!important;box-sizing:border-box!important;background:#00000008!important;border-radius:8px!important;width:100%!important;max-width:100%!important;margin:.5rem 0 1rem!important;padding:.75rem 1rem!important;font-family:inherit!important;font-size:.95rem!important;transition:all .2s!important;box-shadow:inset 0 2px 4px #0000000d!important}.swal2-select{appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%236b7280\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>")!important;background-position:right 1rem center!important;background-repeat:no-repeat!important;background-size:1.2rem!important;padding-right:2.5rem!important}[data-theme=dark] .swal2-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%239ca3af\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>")!important}.swal2-select option{background-color:var(--surface-color);color:var(--text-main)}.swal2-input:focus,.swal2-textarea:focus,.swal2-select:focus{border-color:var(--accent-color)!important;background:var(--background-color)!important;outline:none!important;box-shadow:inset 0 2px 4px #00000005,0 0 0 3px #8b5cf633!important}[data-theme=dark] .swal2-input,[data-theme=dark] .swal2-textarea,[data-theme=dark] .swal2-select{background:#0003!important;box-shadow:inset 0 2px 6px #0003!important}[data-theme=dark] .swal2-input:focus,[data-theme=dark] .swal2-textarea:focus,[data-theme=dark] .swal2-select:focus{background:#0000004d!important;box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #8b5cf64d!important}
.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:10;border-radius:0 20px 20px 0;flex-direction:column;flex-shrink:0;width:250px;min-width:250px;height:100dvh;padding:1.5rem 1.5rem 2rem;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto;box-shadow:4px 0 24px #0000000a}.sidebar.collapsed{width:80px;min-width:80px}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .section-title,.sidebar.collapsed .menu-item span,.sidebar.collapsed .logout-btn span,.sidebar.collapsed .theme-toggle span{display:none}.sidebar.collapsed .menu-item,.sidebar.collapsed .logout-btn,.sidebar.collapsed .theme-toggle{justify-content:center;padding:.75rem 0}.toggle-sidebar-btn:hover{background-color:var(--surface-hover)!important}.sidebar-header{align-items:center;gap:10px;margin-bottom:2.5rem;display:flex}.logo-icon{background-color:var(--accent-color);border-radius:8px;flex-shrink:0;width:32px;height:32px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #fff3,0 2px 5px #4f46e54d}.logo-icon:after{content:"";background-color:#fff;border-radius:2px;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-header h2{color:var(--text-main);font-size:1.25rem;font-weight:600}.sidebar-section{margin-bottom:2rem}.section-title{color:var(--text-muted);letter-spacing:.5px;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:block}.sidebar ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.menu-item{color:var(--text-muted);border-right:3px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:.75rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.menu-item:hover{background:linear-gradient(135deg,var(--surface-hover)0%,#00000005 100%);color:var(--text-main);transform:translate(4px);box-shadow:0 4px 8px #00000005,inset 0 1px #ffffff0d}.menu-item.active{color:var(--accent-color);border-right:3px solid var(--accent-color);background:linear-gradient(135deg,#6366f11a 0%,#8b5cf605 100%);font-weight:600;box-shadow:inset 0 2px 4px #00000005,0 0 15px #6366f11a}.menu-item.active .menu-icon{color:var(--accent-color)}.sidebar-footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.logout-btn,.theme-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover,.theme-toggle:hover{background:linear-gradient(135deg,var(--surface-hover)0%,#00000005 100%);color:var(--text-main);transform:translateY(-2px)scale(1.02);box-shadow:0 4px 8px #00000008,inset 0 1px #ffffff0d}.mobile-top-bar{display:none}.mobile-close-btn{display:none!important}@media (max-width:768px){.mobile-top-bar{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-color);z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0}.mobile-top-bar h2{color:var(--text-main);margin:0;font-size:1.1rem}.sidebar{z-index:30;height:100dvh;padding-bottom:2rem;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto}.sidebar.mobile-open{left:0}.mobile-overlay{z-index:25;background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.toggle-sidebar-btn{display:none!important}.mobile-close-btn{display:flex!important}}@keyframes sidebarBadgeBlink{0%{background-color:#ef4444;transform:scale(1);box-shadow:0 0 6px #ef4444cc}50%{background-color:#dc2626;transform:scale(1.15);box-shadow:0 0 14px #ef4444}to{background-color:#ef4444;transform:scale(1);box-shadow:0 0 6px #ef4444cc}}.sidebar-sam-badge-blinking{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800;line-height:1;animation:1.1s ease-in-out infinite sidebarBadgeBlink;display:inline-flex}
.tutorial-overlay-backdrop{z-index:99990;pointer-events:none;transition:all .3s;position:fixed;inset:0}.tutorial-spotlight{z-index:99992;border:3px solid var(--accent-color,#3b82f6);pointer-events:none;border-radius:12px;transition:all .35s cubic-bezier(.2,.8,.2,1);animation:2s ease-in-out infinite spotlightPulse;position:fixed;box-shadow:0 0 0 9999px #0000008c,0 0 25px #3b82f6cc,inset 0 0 15px #3b82f666}@keyframes spotlightPulse{0%{box-shadow:0 0 0 9999px #0000008c,0 0 20px #3b82f699,inset 0 0 10px #3b82f64d}50%{box-shadow:0 0 0 9999px #000000a6,0 0 35px #3b82f6f2,inset 0 0 20px #3b82f680}to{box-shadow:0 0 0 9999px #0000008c,0 0 20px #3b82f699,inset 0 0 10px #3b82f64d}}.tutorial-popover{z-index:99995;background:var(--surface-color,#1e293b);color:var(--text-main,#f8fafc);border:1px solid var(--accent-color,#3b82f6);pointer-events:auto;border-radius:12px;max-width:320px;padding:12px 16px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popoverFloat;position:fixed;box-shadow:0 12px 30px #0006,0 0 15px #3b82f64d}@keyframes popoverFloat{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tutorial-popover-header{color:var(--accent-color,#3b82f6);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:4px;font-size:.85rem;font-weight:700;display:flex}.tutorial-popover-body{color:var(--text-muted,#cbd5e1);font-size:.85rem;line-height:1.4}.tutorial-popover-arrow{background:var(--surface-color,#1e293b);border-left:1px solid var(--accent-color,#3b82f6);border-top:1px solid var(--accent-color,#3b82f6);width:12px;height:12px;position:absolute}.tutorial-popover-arrow.arrow-top{top:-7px;left:24px;transform:rotate(45deg)}.tutorial-popover-arrow.arrow-bottom{bottom:-7px;left:24px;transform:rotate(-135deg)}.tutorial-info-card{z-index:99998;-webkit-backdrop-filter:blur(16px);color:#f8fafc;pointer-events:auto;background:#0f172aeb;border:1px solid #3b82f666;border-radius:20px;width:calc(100% - 48px);max-width:540px;padding:20px 24px;animation:.4s ease-out cardSlideUp;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 45px #00000080,0 0 25px #3b82f633}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tutorial-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tutorial-phase-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #2563eb66}.tutorial-step-counter{color:#94a3b8;background:#ffffff1a;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.tutorial-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.tutorial-close-btn:hover{color:#f8fafc;background:#ffffff26}.tutorial-card-title{color:#fff;align-items:center;gap:8px;margin:0 0 8px;font-size:1.15rem;font-weight:700;display:flex}.tutorial-card-description{color:#cbd5e1;margin-bottom:14px;font-size:.92rem;line-height:1.5}.tutorial-action-box{color:#93c5fd;background:#3b82f61f;border-left:4px solid #3b82f6;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.88rem;display:flex}.tutorial-progress-bar-bg{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-bottom:16px;overflow:hidden}.tutorial-progress-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:3px;height:100%;transition:width .35s}.tutorial-card-footer{justify-content:space-between;align-items:center;display:flex}.tutorial-custom-dropdown{-webkit-user-select:none;user-select:none;min-width:210px;position:relative}.tutorial-dropdown-trigger{color:#f8fafc;cursor:pointer;background:#1e293bf2;border:1px solid #3b82f666;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000040}.tutorial-dropdown-trigger:hover{background:#1e293b;border-color:#3b82f6;box-shadow:0 0 14px #3b82f659}.tutorial-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:99999;background:#0f172af5;border:1px solid #3b82f666;border-radius:14px;width:100%;min-width:270px;max-height:280px;padding:6px;animation:.25s cubic-bezier(.16,1,.3,1) menuSlideUp;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 -12px 30px #0009,0 0 20px #3b82f640}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.tutorial-dropdown-item{color:#cbd5e1;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;padding:8px 12px;font-size:.85rem;transition:all .15s;display:flex}.tutorial-dropdown-item:hover{color:#fff;background:#3b82f62e}.tutorial-dropdown-item.active{color:#fff;background:linear-gradient(135deg,#3b82f64d 0%,#2563eb66 100%);border:1px solid #3b82f666;font-weight:700}.tutorial-dropdown-badge{color:#93c5fd;background:#3b82f633;border-radius:6px;padding:2px 6px;font-size:.72rem;font-weight:700}.tutorial-fields-container{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;max-height:180px;margin-bottom:16px;padding:12px 14px;overflow-y:auto}.tutorial-fields-title{color:#60a5fa;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:.82rem;font-weight:700;display:flex}.tutorial-field-item{color:#e2e8f0;border-left:2px solid #3b82f680;margin-bottom:6px;padding-left:8px;font-size:.85rem;line-height:1.4}.tutorial-field-name{color:#fff;margin-right:4px;font-weight:700}.tutorial-info-card ::-webkit-scrollbar{width:6px}.tutorial-dropdown-menu::-webkit-scrollbar{width:6px}.tutorial-fields-container::-webkit-scrollbar{width:6px}.tutorial-info-card ::-webkit-scrollbar-track{background:#0003;border-radius:4px}.tutorial-dropdown-menu::-webkit-scrollbar-track{background:#0003;border-radius:4px}.tutorial-fields-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.tutorial-info-card ::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}.tutorial-dropdown-menu::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}.tutorial-fields-container::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}.tutorial-info-card ::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.tutorial-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.tutorial-fields-container::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.tutorial-nav-buttons{gap:10px;display:flex}.tutorial-btn-prev{color:#e2e8f0;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.tutorial-btn-prev:hover:not(:disabled){color:#fff;background:#fff3}.tutorial-btn-prev:disabled{opacity:.4;cursor:not-allowed}.tutorial-btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb66}.tutorial-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb99}@media (max-width:640px){.tutorial-info-card{width:calc(100% - 24px);padding:16px;bottom:12px;left:12px;right:12px}}.tutorial-spotlight.interactive{border:3px solid #f59e0b!important;animation:1.5s ease-in-out infinite spotlightInteractivePulse!important}@keyframes spotlightInteractivePulse{0%{box-shadow:0 0 0 9999px #0000008c,0 0 25px #f59e0bb3,inset 0 0 15px #f59e0b80}50%{box-shadow:0 0 0 9999px #000000a6,0 0 45px #f59e0b,inset 0 0 25px #f59e0bcc}to{box-shadow:0 0 0 9999px #0000008c,0 0 25px #f59e0bb3,inset 0 0 15px #f59e0b80}}.tutorial-action-box.interactive{background:linear-gradient(135deg,#f59e0b2e,#d977062e)!important;border:1px solid #f59e0b99!important;animation:2s infinite alternate actionGlow!important}@keyframes actionGlow{0%{box-shadow:0 0 10px #f59e0b33}to{box-shadow:0 0 20px #f59e0b99}}.tutorial-action-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;align-items:center;gap:4px;margin-bottom:6px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #f59e0b66}.tutorial-action-success-toast{z-index:99999;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.95rem;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) toastPopIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #10b98180}.tutorial-btn-next.disabled-required{opacity:.85;color:#94a3b8!important;box-shadow:none!important;cursor:not-allowed!important;background:#94a3b840!important;border:1px dashed #64748b!important}.tutorial-drop-target-spotlight{z-index:99993;pointer-events:none;border-radius:14px;position:fixed;box-shadow:0 0 35px #10b981b3,inset 0 0 25px #10b98166;border:3px dashed #10b981!important;animation:1.4s ease-in-out infinite dropTargetPulse!important}@keyframes dropTargetPulse{0%{border-color:#10b981;box-shadow:0 0 20px #10b98180,inset 0 0 10px #10b98133}50%{border-color:#34d399;box-shadow:0 0 50px #34d399f2,inset 0 0 30px #34d39980}to{border-color:#10b981;box-shadow:0 0 20px #10b98180,inset 0 0 10px #10b98133}}.tutorial-drop-target-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:800;animation:1s ease-in-out infinite alternate bounceTargetBadge;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #10b98199}@keyframes bounceTargetBadge{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-6px)}}
