@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .5s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px -1px #0000000d, 0 1px 3px -1px #00000008;--shadow-md:0 12px 20px -8px #00000014, 0 4px 10px -2px #0000000a;--shadow-lg:0 20px 40px -15px #00000026, 0 8px 20px -5px #00000014;--shadow-glass:0 8px 32px 0 #1f268712;--bg-primary:#f5f7f9;--bg-secondary:#fff;--bg-tertiary:#edf0f3;--text-primary:#0c1631;--text-secondary:#576175;--text-tertiary:#9da3af;--brand-primary:#5739ef;--brand-secondary:#8a2ce8;--brand-gradient:linear-gradient(135deg, #5739ef 0%, #8a2ce8 100%);--border-color:#e2e8f0cc;--border-glass:#fff6;--bg-glass:#ffffffe0;--color-success:#13ae61;--color-warning:#ef8e06;--color-danger:#ec1337;--color-info:#0b9bcb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#030711;--bg-secondary:#090e1a;--bg-tertiary:#121a2b;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-tertiary:#707b8f;--brand-primary:#7a60fb;--brand-secondary:#b355f6;--brand-gradient:linear-gradient(135deg, #7a60fb 0%, #b355f6 100%);--border-color:#1e293bcc;--border-glass:#ffffff0f;--bg-glass:#0f172ae0;--color-success:#1fd67a;--color-warning:#f9b11f;--color-danger:#f53d4d;--color-info:#06bcf9}}[data-theme=dark]{--bg-primary:#030711;--bg-secondary:#090e1a;--bg-tertiary:#121a2b;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-tertiary:#707b8f;--brand-primary:#7a60fb;--brand-secondary:#b355f6;--brand-gradient:linear-gradient(135deg, #7a60fb 0%, #b355f6 100%);--border-color:#1e293bcc;--border-glass:#ffffff0f;--bg-glass:#0f172ae0;--color-success:#1fd67a;--color-warning:#f9b11f;--color-danger:#f53d4d;--color-info:#06bcf9}[data-theme=light]{--bg-primary:#f5f7f9;--bg-secondary:#fff;--bg-tertiary:#edf0f3;--text-primary:#0c1631;--text-secondary:#576175;--text-tertiary:#9da3af;--brand-primary:#5739ef;--brand-secondary:#8a2ce8;--brand-gradient:linear-gradient(135deg, #5739ef 0%, #8a2ce8 100%);--border-color:#e2e8f0cc;--border-glass:#fff6;--bg-glass:#ffffffe0;--color-success:#13ae61;--color-warning:#ef8e06;--color-danger:#ec1337;--color-info:#0b9bcb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}a{color:var(--brand-primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-secondary)}button,input,select,textarea{font-family:inherit;font-size:inherit}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:var(--transition-normal);padding:24px}.card-glass:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #1f26871f}.btn-primary{font-family:var(--font-heading);background:var(--brand-gradient);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #6f4cff4d;color:#fff!important}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #6f4cff66}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #6f4cff33}.btn-secondary{font-family:var(--font-heading);color:var(--brand-primary);border:1.5px solid var(--brand-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#6f4cff14;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(1px)}.input-field{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);padding:12px 16px;font-size:.95rem}.input-field:focus{border-color:var(--brand-primary);background-color:var(--bg-secondary);outline:none;box-shadow:0 0 0 4px #6f4cff26}.input-field::placeholder{color:var(--text-tertiary)}.input-field:disabled{opacity:.6;cursor:not-allowed}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='hsl(220, 15%, 40%)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:42px}input[type=checkbox]{appearance:none;background-color:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:var(--transition-fast);outline:none;flex-shrink:0;align-items:center;padding:0 2px;display:inline-flex;position:relative}input[type=checkbox]:checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}input[type=checkbox]:before{content:"";border-radius:var(--radius-full);width:16px;height:16px;transition:var(--transition-fast);box-shadow:var(--shadow-sm);background-color:#fff;display:block}input[type=checkbox]:checked:before{background-color:#fff;transform:translate(20px)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox].table-checkbox{background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:4px;flex-shrink:0;justify-content:center;width:18px;height:18px;padding:0}input[type=checkbox].table-checkbox:hover:not(:disabled){border-color:var(--brand-primary);box-shadow:0 0 0 3px #6f4cff1f}input[type=checkbox].table-checkbox:checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}input[type=checkbox].table-checkbox:before{content:"";width:10px;height:6px;box-shadow:none;background-color:#0000;border-bottom:2px solid #0000;border-left:2px solid #0000;border-radius:0;transition:transform .12s;transform:rotate(-45deg)scale(0)translateY(-1px)}input[type=checkbox].table-checkbox:checked:before{background-color:#0000;border-color:#fff;transform:rotate(-45deg)scale(1)translateY(-2px)}input[type=checkbox].table-checkbox:disabled{opacity:.4;cursor:not-allowed}.violation-tooltip-wrap{align-items:center;gap:4px;display:inline-flex;position:relative}.violation-tooltip-icon{color:var(--text-tertiary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.violation-tooltip-icon:hover{color:var(--color-danger)}.violation-tooltip-box{background:var(--bg-primary);width:240px;color:var(--color-danger);pointer-events:none;opacity:0;visibility:hidden;z-index:9999;border:1px solid #ef44444d;border-radius:8px;padding:10px 12px;font-size:.72rem;line-height:1.45;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.violation-tooltip-box:after{content:"";border:6px solid #0000;border-top-color:#ef44444d;position:absolute;top:100%;left:50%;transform:translate(-50%)}.violation-tooltip-wrap:hover .violation-tooltip-box{opacity:1;visibility:visible}@keyframes pulse-sync{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.indicator-pulse-success{border-radius:var(--radius-full);background:var(--color-success);width:8px;height:8px;animation:2s ease-in-out infinite pulse-sync;display:inline-block}.indicator-pulse-warning{border-radius:var(--radius-full);background:var(--color-warning);width:8px;height:8px;animation:2s ease-in-out infinite pulse-sync;display:inline-block}.indicator-pulse-danger{border-radius:var(--radius-full);background:var(--color-danger);width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-sync;display:inline-block}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-shimmer{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--border-color) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s linear infinite shimmer}.skeleton-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);flex-direction:column;gap:16px;padding:24px;display:flex}.skeleton-text{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--border-color) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.5s linear infinite shimmer}.skeleton-text.title{width:60%;height:24px;margin-bottom:8px}.skeleton-text.short{width:30%}.skeleton-circle{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--border-color) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;width:48px;height:48px;animation:1.5s linear infinite shimmer}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.btn-primary:disabled,.btn-secondary:disabled{opacity:.65;cursor:not-allowed;filter:none!important;box-shadow:none!important;transform:none!important}.layout-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.grid-2{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.login-hero-side{display:none!important}@media (min-width:992px){.login-hero-side{display:flex!important}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.scrollbar-premium::-webkit-scrollbar{width:6px;height:6px}.scrollbar-premium::-webkit-scrollbar-track{background:0 0}.scrollbar-premium::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);transition:var(--transition-fast)}.scrollbar-premium::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}