*{box-sizing:border-box}.main{padding-top:70px}.dashboard-content{z-index:1;max-width:1400px;margin:0 auto;padding:24px 16px;position:relative}.container{z-index:1;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.card{text-align:center;background:#fff;border-radius:12px;width:320px;padding:35px;box-shadow:0 10px 40px #0000004d}.card h2{color:#0a1f44;margin-bottom:20px}.card label{text-align:left;color:#555;margin-top:14px;margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin-top:0;padding:12px}input:focus{border-color:#0096ff}button{color:#fff;cursor:pointer;background:#0096ff;border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-weight:700}button:hover{background:#07c}.switch{cursor:pointer;color:#0096ff;margin-top:15px}select{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin-top:10px;padding:10px}select:focus{border-color:#0096ff}.message{margin-top:10px}.account-item{background:#f5f5f5;border-radius:6px;margin-top:8px;padding:8px;font-size:14px}.account-item.soon{border-left:4px solid orange}.account-item.expired{border-left:4px solid red}.metrics{gap:16px;margin-bottom:20px;display:flex}.metric-card{text-align:center;background:#fff;border-top:4px solid #ddd;border-radius:10px;flex:1;padding:16px 20px;box-shadow:0 4px 16px #00000026}.metric-card h4{text-transform:uppercase;letter-spacing:.5px;color:#888;margin:0 0 8px;font-size:.8rem}.metric-card p{color:#0a1f44;margin:0;font-size:1.8rem;font-weight:700}.metric-total{border-top-color:#0096ff}.metric-active{border-top-color:#00a86b}.metric-soon{border-top-color:#ff9800}.metric-expired{border-top-color:#e53935}.metric-plan{border-top-color:#7c6aff}.table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;margin-top:20px;overflow:hidden}.table th{text-align:left;background:#f4f6f8;padding:12px;font-size:14px}.table td{border-bottom:1px solid #eee;padding:12px}.table tr:hover{background:#f9fbff}.provider{color:#0a1f44;font-weight:700}.badge{border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.badge.active{color:#00a86b;background:#e6f9f0}.badge.soon{color:#ff9800;background:#fff4e5}.badge.expired{color:#e53935;background:#ffe5e5}.badge.neutral{color:#555;background:#eee}.days{font-weight:700}.days.soon{color:#ff9800}.days.expired{color:#e53935}.btn-toggle{cursor:pointer;border:none;border-radius:6px;width:auto;margin-top:0;padding:4px 10px;font-size:.9rem;font-weight:700}.btn-active{color:#1a7a4a;background:#d4f1e4}.btn-active:hover{background:#b8e8d0}.btn-inactive{color:#a33;background:#fde8e8}.btn-inactive:hover{background:#f8cccc}.btn-action{cursor:pointer;border:none;border-radius:6px;width:auto;margin-top:0;margin-left:4px;padding:4px 8px;font-weight:400}.btn-edit{color:#25a;background:#def}.btn-edit:hover{background:#c8e2ff}.btn-creds{color:#53a;background:#e8e4f8}.btn-creds:hover{background:#d8d0f0}.btn-delete{color:#a33;background:#fde8e8}.btn-delete:hover{background:#f8cccc}@media (width<=768px){.dashboard-content{padding:16px 10px}.metrics{flex-wrap:wrap;gap:10px}.metric-card{flex:calc(50% - 10px);min-width:120px;padding:12px}.metric-card p{font-size:1.4rem}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto}.table{min-width:600px}.table th,.table td{padding:10px 8px;font-size:13px}.card{width:90vw;max-width:360px;padding:24px 20px}}.privacy-page{color:#e0e0e0;background:#0a0a0f;min-height:100vh;padding:40px 20px}.privacy-container{background:#0f0f23cc;border:1px solid #7c6aff33;border-radius:16px;max-width:800px;margin:0 auto;padding:48px 40px}.privacy-container h1{color:#fff;margin-bottom:8px;font-size:28px;font-weight:800}.privacy-updated{color:#666;margin-bottom:40px;font-size:14px}.privacy-container h2{color:#a09aff;border-bottom:1px solid #7c6aff33;margin:36px 0 12px;padding-bottom:8px;font-size:18px;font-weight:700}.privacy-container p{color:#c0c0d0;margin-bottom:12px;line-height:1.8}.privacy-container ul{color:#c0c0d0;padding-left:20px;line-height:1.8}.privacy-container li{margin-bottom:6px}.privacy-container a{color:#7c6aff;text-decoration:none}.privacy-container a:hover{text-decoration:underline}@media (width<=600px){.privacy-container{padding:28px 20px}.privacy-container h1{font-size:22px}}body{background:radial-gradient(circle at top,#0a1f44,#020617);height:100vh;margin:0;font-family:Arial,sans-serif}body:before{content:"";z-index:0;background-image:linear-gradient(#0096ff0d 1px,#0000 1px),linear-gradient(90deg,#0096ff0d 1px,#0000 1px);background-size:50px 50px;width:200%;height:200%;animation:25s linear infinite moveGrid;position:fixed}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(-50px,-50px)}}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#0d2248;border:1px solid #0096ff40;border-radius:12px;min-width:260px;padding:28px 32px;box-shadow:0 12px 40px #00000080}.modal p{color:#cce4ff;margin:0 0 20px;font-size:.95rem}.modal-actions{justify-content:center;gap:12px;display:flex}.btn-cancel{color:#cce4ff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:9px 20px;font-size:.88rem;transition:background .2s}.btn-cancel:hover{background:#ffffff14}.btn-confirm{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:8px;padding:9px 20px;font-size:.88rem;font-weight:700;transition:background .2s}.btn-confirm:hover{background:#e74c3c}.modal-light{text-align:left;background:#fff;border:none;border-radius:12px;width:600px;padding:35px;box-shadow:0 10px 40px #0000004d}.modal-light h3{color:#0a1f44;margin:0 0 20px;font-size:1.1rem}.modal-light label{color:#555;margin-top:12px;margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.modal-light .modal-buttons{gap:10px;margin-top:20px;display:flex}.modal-light .modal-buttons button{flex:1;margin-top:0}@media (width<=768px){.modal-overlay{align-items:flex-end}.modal-light{border-radius:16px 16px 0 0;width:100vw;max-width:100vw;max-height:90vh;padding:24px 16px;overflow-y:auto}.modal{width:90vw}}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1f44d9;border-bottom:1px solid #0096ff33;justify-content:space-between;align-items:center;height:56px;padding:0 30px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand{color:#0096ff;letter-spacing:2px;font-size:1.3rem;font-weight:700}.navbar-menu{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-item{cursor:pointer;position:relative}.nav-link{color:#cce4ff;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 16px;font-size:.9rem;transition:background .2s,color .2s;display:block}.nav-item:hover>.nav-link{color:#fff;background:#0096ff26}.nav-active{color:#fff;background:#0096ff40;border-radius:6px;font-weight:700}.nav-logout .nav-link{color:#ff6b6b}.nav-logout:hover>.nav-link{color:#f44;background:#ff6b6b26}.arrow{opacity:.7;margin-left:4px;font-size:.75rem}.dropdown{z-index:200;background:#0d2248;border:1px solid #0096ff40;border-radius:8px;min-width:160px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.dropdown-item{color:#cce4ff;cursor:pointer;white-space:nowrap;padding:9px 18px;font-size:.88rem;transition:background .15s;position:relative}.dropdown-item:hover{color:#fff;background:#0096ff26}.dropdown-active{color:#fff;background:#0096ff33;font-weight:700}.has-subdropdown{justify-content:space-between;align-items:center;display:flex}.subdropdown{z-index:300;background:#0d2248;border:1px solid #0096ff40;border-radius:8px;min-width:140px;margin:0;padding:6px 0;list-style:none;position:absolute;top:0;left:100%;box-shadow:0 8px 24px #0006}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:auto;margin-top:0;padding:6px;display:none}.navbar-hamburger span{background:#cce4ff;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.navbar-mobile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99;background:#0a1f44f7;border-bottom:1px solid #0096ff33;padding:12px 0;display:none;position:fixed;top:56px;left:0;right:0}.navbar-mobile.open{display:block}.mobile-item{color:#cce4ff;cursor:pointer;border-bottom:1px solid #ffffff0d;padding:14px 24px;font-size:1rem}.mobile-item:hover{background:#0096ff1f}.mobile-item.active{color:#fff;background:#0096ff26;font-weight:700}.mobile-item.logout{color:#ff6b6b}.mobile-section{color:#557;text-transform:uppercase;letter-spacing:1px;padding:8px 24px 4px;font-size:.75rem}@media (width<=768px){.navbar-menu{display:none}.navbar-hamburger{display:flex}.navbar{padding:0 16px}}