@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1f1f1f;--bg-hover:#252525;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-primary-muted:#1e40af;--accent-glow:rgba(59,130,246,.15);--text-primary:#f5f5f5;--text-secondary:#a1a1a1;--text-muted:#737373;--status-active:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--status-inactive:#6b7280;--border-primary:#262626;--border-secondary:#333;--border-hover:#404040;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--base-font-size:14px;--line-height:1.6}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--base-font-size);scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);line-height:var(--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-primary-hover)}button{font-family:inherit;cursor:pointer;border:none;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .4s ease-out}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.btn-primary{background-color:var(--accent-primary);color:#fff;border-radius:8px;padding:11px 22px;font-weight:600;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:var(--accent-primary-muted);cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background-color:transparent;border:1px solid var(--border-secondary);color:var(--text-primary);border-radius:8px;padding:11px 22px;font-weight:600;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background-color:var(--status-danger);color:#fff;border-radius:8px;padding:11px 22px;font-weight:600;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-danger:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.btn-danger:active{transform:translateY(0)}.table-container{width:100%;overflow-x:auto;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;animation:fadeIn .5s ease-out}table{width:100%;border-collapse:collapse;text-align:left}thead tr{background-color:var(--bg-tertiary)}th{padding:16px 20px;color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}td,th{border-bottom:1px solid var(--border-primary)}td{padding:18px 20px;color:var(--text-primary);background-color:var(--bg-secondary);transition:all .2s ease}tr:last-child td{border-bottom:none}tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1)}tbody tr:hover{background-color:var(--bg-hover)!important}tbody tr:hover td{background-color:var(--bg-hover)}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:10px;font-size:.875rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.form-input,.input{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input::placeholder,.input::placeholder{color:var(--text-muted)}.form-input:focus,.input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px var(--accent-glow);background-color:var(--bg-secondary)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:all .2s ease}.badge-active{background-color:rgba(16,185,129,.15);color:var(--status-active);border:1px solid rgba(16,185,129,.3)}.badge-inactive{background-color:hsla(220,9%,46%,.15);color:var(--status-inactive);border:1px solid hsla(220,9%,46%,.3)}.badge-warning{background-color:rgba(245,158,11,.15);color:var(--status-warning);border:1px solid rgba(245,158,11,.3)}.badge-danger{background-color:rgba(239,68,68,.15);color:var(--status-danger);border:1px solid rgba(239,68,68,.3)}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background-color:hsla(0,0%,8%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);z-index:1000;animation:slideIn .4s ease-out}.navbar-brand a{font-weight:800;font-size:1.3rem;color:var(--text-primary);letter-spacing:-.02em;transition:color .2s ease}.navbar-brand a:hover{color:var(--accent-primary)}.navbar-links{list-style:none;gap:4px}.nav-link,.navbar-links{display:flex;height:100%}.nav-link{align-items:center;padding:0 20px;color:var(--text-secondary);font-weight:500;font-size:.95rem;border-bottom:2px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--accent-primary);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(-50%)}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-hover)}.nav-link:hover:before{width:80%}.nav-link--active{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link--active:before{width:80%}.page{padding:100px 40px 40px;max-width:1440px;margin:0 auto;animation:fadeIn .5s ease-out}.page-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-start;animation:slideIn .5s ease-out}.page-title{font-size:2rem;margin-bottom:8px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .6s ease-out;animation-fill-mode:both;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03),transparent);transition:left .6s}.stat-card:hover:before{left:100%}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.stat-icon{width:48px;height:48px;min-width:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-icon-blue{background-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.3)}.stat-icon-green{background-color:#10b981;box-shadow:0 4px 12px rgba(16,185,129,.3)}.stat-icon-orange{background-color:#f59e0b;box-shadow:0 4px 12px rgba(245,158,11,.3)}.stat-icon-gray{background-color:#6b7280;box-shadow:0 4px 12px hsla(220,9%,46%,.3)}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-content{display:flex;flex-direction:column;gap:2px;flex:1 1}.stat-value{font-size:1.75rem;font-weight:800;line-height:1;color:var(--text-primary);letter-spacing:-.02em}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;letter-spacing:.01em}.alert-row-unread{border-left:3px solid var(--status-warning)!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.modal{width:100%;max-width:600px;padding:36px;box-shadow:0 20px 60px rgba(0,0,0,.7);animation:fadeIn .3s ease-out}.modal,.state-message{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.state-message{padding:48px;text-align:center;color:var(--text-secondary);animation:fadeIn .4s ease-out}.state-error{border-color:var(--status-danger);color:var(--status-danger);background-color:rgba(239,68,68,.05)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);animation:fadeIn .5s ease-out;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(139,92,246,.06) 0,transparent 50%);animation:gradientShift 15s ease infinite}.auth-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.03) 0,transparent 50%);animation:gradientShift 20s ease infinite reverse}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(5%,5%) rotate(120deg)}66%{transform:translate(-5%,5%) rotate(240deg)}}.auth-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 0);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.5}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.auth-particle{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;opacity:.3;animation:float 20s ease-in-out infinite}.auth-particle:first-child{left:10%;animation-delay:0s;animation-duration:15s}.auth-particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:18s}.auth-particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:20s}.auth-particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:16s}.auth-particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:19s}.auth-particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:17s}.auth-particle:nth-child(7){left:70%;animation-delay:2.5s;animation-duration:21s}.auth-particle:nth-child(8){left:80%;animation-delay:4.5s;animation-duration:15s}.auth-particle:nth-child(9){left:90%;animation-delay:1.5s;animation-duration:18s}.auth-particle:nth-child(10){left:15%;animation-delay:3.5s;animation-duration:22s}@keyframes float{0%,to{transform:translateY(100vh) translateX(0) scale(0);opacity:0}10%{opacity:.3;transform:translateY(90vh) translateX(20px) scale(1)}90%{opacity:.3;transform:translateY(10vh) translateX(-20px) scale(1)}to{transform:translateY(0) translateX(0) scale(0);opacity:0}}.auth-card{width:100%;max-width:420px;background-color:hsla(0,0%,8%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:16px;padding:48px;animation:fadeIn .6s ease-out;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(59,130,246,.1);position:relative;z-index:10}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.5}.auth-header{text-align:center;margin-bottom:36px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:5px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading-shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}