@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#0b0f19;--bg-card:#111827b3;--bg-card-hover:#1a2438cc;--border-glass:#ffffff14;--border-focus:#6366f1;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#0ea5e9;--grad-primary:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--grad-card:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-glass:0 8px 32px 0 #0006;--shadow-glow:0 0 20px #6366f126;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#6366f114 0%,#0000 40%),radial-gradient(circle at 90% 80%,#a855f714 0%,#0000 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-md)}.glass-interactive:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glass), var(--shadow-glow);border-color:#ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-2px)}button,input,select,textarea,a{transition:all .2s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-low{color:var(--color-success);background:#10b9811a;border:1px solid #10b98133}.badge-medium{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-high{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.badge-emergency{color:var(--color-danger);border:1px solid var(--color-danger);background:#ef444433;animation:1.5s infinite pulse-border}.badge-open{color:var(--color-info);background:#0ea5e91a;border:1px solid #0ea5e933}.badge-progress{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-resolved{color:var(--color-success);background:#10b9811a;border:1px solid #10b98133}@keyframes pulse-border{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border-radius:var(--radius-lg);width:100%;max-width:480px;padding:35px}.login-header{text-align:center;margin-bottom:24px}.login-logo{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.2rem;font-weight:800}.auth-tabs{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#0000004d;margin-bottom:24px;padding:4px;display:flex}.auth-tab{text-align:center;cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;flex:1;padding:8px 4px;font-size:.8rem;font-weight:600}.auth-tab.active{background:var(--color-primary);color:#fff}.otp-simulator-banner{border:1px dashed var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);background:#f59e0b1f;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:.85rem;animation:2s infinite pulse-light;display:flex}@keyframes pulse-light{0%{background:#f59e0b1a}50%{background:#f59e0b2e}to{background:#f59e0b1a}}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#00000040;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 10px #6366f133}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--grad-primary);color:#fff}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-glass);color:var(--text-primary);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1f}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9;box-shadow:0 0 15px #ef444433}.quick-login-grid{border-top:1px solid var(--border-glass);grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px;padding-top:20px;display:grid}.quick-login-btn{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffff05;padding:8px 10px;font-size:.75rem}.quick-login-btn:hover{border-color:var(--color-primary);color:var(--text-primary);background:#6366f114}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-glass);flex-direction:column;flex-shrink:0;width:280px;padding:30px 20px;display:flex}.sidebar-brand{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;margin-bottom:40px;font-size:1.5rem;font-weight:800;display:flex}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;list-style:none;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-link.active{color:var(--text-primary);background:#6366f11a}.sidebar-link.active{border-left:3px solid var(--color-primary)}.sidebar-footer{border-top:1px solid var(--border-glass);padding-top:20px}.user-profile-badge{border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:flex}.user-avatar{background:var(--grad-primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.main-content{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:40px;overflow-y:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.page-title h1{margin-bottom:4px;font-size:1.8rem;font-weight:700}.page-title p{color:var(--text-secondary);font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{border-radius:var(--radius-md);justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.stat-value{margin:8px 0 4px;font-size:1.8rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.85rem}.stat-icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-primary);background:#6366f11a;justify-content:center;align-items:center;display:flex}.table-card{margin-bottom:30px;overflow:hidden}.table-header{border-bottom:1px solid var(--border-glass);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;display:flex}.search-box{width:100%;max-width:320px;position:relative}.search-input{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#00000026;padding:8px 12px 8px 36px;font-size:.85rem}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-group{gap:10px;display:flex}.select-filter{border:1px solid var(--border-glass);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0a;padding:8px 12px;font-size:.85rem}.app-table{border-collapse:collapse;text-align:left;width:100%}.app-table th{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;border-bottom:1px solid var(--border-glass);background:#ffffff05;padding:16px 24px;font-size:.8rem;font-weight:600}.app-table td{border-bottom:1px solid var(--border-glass);vertical-align:middle;padding:16px 24px;font-size:.9rem}.app-table tr:last-child td{border-bottom:none}.app-table tr:hover td{background:#ffffff03}.upload-instruction-card{border-radius:var(--radius-sm);color:var(--text-secondary);background:#6366f10f;border:1px solid #6366f126;margin-bottom:15px;padding:16px;font-size:.85rem;line-height:1.5}.upload-instruction-card code{color:var(--color-warning);background:#00000040;border-radius:4px;padding:2px 6px}.custom-fields-editor{flex-direction:column;gap:12px;display:flex}.custom-field-item{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-md);width:100%;max-width:580px;padding:30px;position:relative}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compliance-container{border-radius:var(--radius-lg);text-align:left;border:2px solid #f59e0b40;width:100%;max-width:540px;padding:35px;box-shadow:0 0 25px #f59e0b1a}.ticket-detail-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.comments-section{border-top:1px solid var(--border-glass);margin-top:24px;padding-top:24px}.comment-card{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#ffffff05;margin-bottom:12px;padding:14px}.comment-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:.75rem;display:flex}.poll-card{margin-bottom:20px;padding:24px}.poll-question{margin-bottom:16px;font-size:1.1rem;font-weight:600}.poll-options-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.poll-option-row{border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:relative;overflow:hidden}.poll-option-row:hover:not(.voted-state){background:#6366f10d;border-color:#6366f14d}.poll-option-progress{z-index:0;background:#6366f126;transition:width .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.poll-option-text{z-index:1;font-size:.95rem;position:relative}.poll-option-stats{z-index:1;color:var(--text-secondary);font-size:.85rem;font-weight:600;position:relative}.dashboard-summary{grid-template-columns:1fr 1fr;gap:24px;display:grid}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{border-radius:var(--radius-sm);border-left:3px solid var(--color-info);background:#ffffff03;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.85rem;display:flex}.unit-members-list{flex-direction:column;gap:10px;margin-top:15px;display:flex}.unit-member-item{border-radius:var(--radius-sm);background:#ffffff05;justify-content:space-between;padding:8px 12px;font-size:.85rem;display:flex}@media (width<=1024px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-glass);width:100%;padding:20px}.sidebar-menu{flex-direction:row;padding-bottom:10px;overflow-x:auto}.main-content{padding:20px}.dashboard-summary,.ticket-detail-grid{grid-template-columns:1fr}}