@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--accent-blue:#2563eb;--accent-cyan:#0ea5e9;--accent-purple:#8b5cf6;--color-healthy:#10b981;--color-warning:#f59e0b;--color-critical:#ef4444;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--shadow-card:0 1px 3px 0 #0000000d, 0 1px 2px 0 #00000008;--shadow-hover:0 10px 25px 0 #0000000d;--font-sans:"Inter", sans-serif;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark],[data-theme=dark]{--bg-primary:#0b0f19;--bg-sidebar:#111827;--bg-card:#1f2937;--border-color:#374151;--border-light:#1f2937;--text-main:#f9fafb;--text-muted:#9ca3af;--text-dim:#6b7280}html[data-theme=light],[data-theme=light]{--bg-primary:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--bg-primary:#0b0f19;--bg-sidebar:#111827;--bg-card:#1f2937;--border-color:#374151;--border-light:#1f2937;--text-main:#f9fafb;--text-muted:#9ca3af;--text-dim:#6b7280}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);height:100vh;overflow:hidden}.app-layout-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.dashboard-layout{flex-grow:1;width:100%;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);width:270px;color:var(--text-main);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;justify-content:space-between;height:100%;padding:2.25rem 1.5rem;display:flex}.brand-section{align-items:center;gap:.65rem;margin-bottom:2rem;display:flex}.brand-section .logo-container{color:var(--accent-blue);justify-content:center;align-items:center;display:flex}.brand-section h1{letter-spacing:.05rem;color:var(--text-main);font-size:1.25rem;font-weight:700;line-height:1.1}.brand-section p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08rem;margin-top:.15rem;font-size:.6rem}.sidebar-navigation{flex-direction:column;flex-grow:1;gap:1.5rem;display:flex}.menu-group{flex-direction:column;display:flex}.menu-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08rem;margin-bottom:.5rem;padding-left:.75rem;font-size:.65rem;font-weight:700}.menu-item{color:#475569;cursor:pointer;transition:var(--transition-smooth);border-radius:6px;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.menu-item:hover{color:var(--text-main);background-color:#f1f5f9}.menu-item.active{background-color:var(--accent-blue);color:#fff}.sidebar-promo-card{border:1px solid var(--border-color);text-align:left;background-color:#fff;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.sidebar-promo-card .promo-icon{width:36px;height:36px;color:var(--accent-blue);background-color:#eff6ff;border-radius:6px;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.sidebar-promo-card h4{letter-spacing:.05rem;color:var(--text-dim);text-transform:uppercase;margin-bottom:.25rem;font-size:.65rem;font-weight:700}.sidebar-promo-card .promo-value{color:var(--text-main);margin-bottom:.25rem;font-size:1.5rem;font-weight:800;line-height:1.1}.sidebar-promo-card .promo-sub{color:var(--text-muted);margin-bottom:.75rem;font-size:.65rem}.sidebar-promo-card .promo-progress-labels{color:var(--text-muted);justify-content:space-between;margin-top:.4rem;font-size:.65rem;font-weight:600;display:flex}.main-content{background-color:var(--bg-primary);flex-direction:column;flex-grow:1;height:100%;padding:0;display:flex;overflow:hidden}.navbar-wrapper{flex-shrink:0;padding:0}.main-content-body{flex-grow:1;min-height:0;padding:1.5rem 2.5rem 2rem;overflow-y:auto}.navbar-card{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 2.5rem;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.navbar-brand{align-items:center;gap:1rem;display:flex}.navbar-logo{object-fit:contain;width:auto;height:48px}.navbar-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.navbar-controls{align-items:center;display:flex;position:relative}.navbar-login-btn{background-color:var(--accent-blue);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}.navbar-login-btn:hover{background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb33}.navbar-login-btn svg{color:#fff}.header-update-tag{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);transition:var(--transition-smooth);background-color:#fff;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.75rem;font-weight:500;display:flex}.header-update-tag:hover{border-color:var(--text-muted);color:var(--text-main)}.header-update-tag svg.spin{animation:1s linear infinite spin}.bell-container{position:relative}.bell-dot{background-color:var(--color-critical);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:1px}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:var(--transition-smooth);border-radius:12px;padding:1.5rem}.glass-card:hover{box-shadow:var(--shadow-hover)}.card-title{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1rem;font-weight:700;display:flex}.overview-card{justify-content:space-between;align-items:center;gap:2rem;padding:2.25rem 2rem;display:flex}@media (width<=768px){.overview-card{flex-direction:column;align-items:flex-start}}.overview-left{flex-shrink:0}.overview-left .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05rem;font-size:.85rem;font-weight:600}.overview-left .value{color:var(--accent-blue);margin:.35rem 0;font-size:3rem;font-weight:800;line-height:1}.overview-left .sub{color:var(--text-main);font-size:.8rem;font-weight:500}.overview-center{flex-grow:1;justify-content:center;align-items:center;display:flex}.donut-chart-svg{transform:rotate(-90deg)}.donut-track{fill:none;stroke:#f1f5f9;stroke-width:10px}.donut-segment{fill:none;stroke:var(--accent-blue);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .8s}.donut-inner-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.donut-inner-percent{color:var(--text-main);font-size:1.75rem;font-weight:800;line-height:1}.donut-inner-label{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;font-weight:600}.overview-right{flex-direction:column;flex-shrink:0;gap:1.25rem;display:flex}.overview-metric-row{align-items:center;gap:1rem;display:flex}.overview-metric-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.overview-metric-info{flex-direction:column;display:flex}.overview-metric-value{color:var(--text-main);font-size:1.15rem;font-weight:700}.overview-metric-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.section-header{margin-top:1rem;margin-bottom:1.25rem}.section-header h3{color:var(--text-main);font-size:1.1rem;font-weight:700}.section-header p{color:var(--text-muted);font-size:.8rem}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.app-card{flex-direction:column;justify-content:space-between;display:flex}.app-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.app-card-icon-title{gap:.85rem;display:flex}.app-card-icon{border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.app-card-details{flex-direction:column;display:flex}.app-card-name{color:var(--text-main);font-size:.95rem;font-weight:700}.app-card-desc{color:var(--text-muted);font-size:.75rem}.app-card-badge{color:var(--text-muted);background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.app-card-numbers{justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.app-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.app-card-footer-left{align-items:center;gap:1rem;font-size:.75rem;font-weight:600;display:flex}.app-card-health{color:#10b981;align-items:center;gap:.35rem;display:flex}.app-card-health-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.app-card-link{color:var(--accent-blue);cursor:pointer;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.app-card-link:hover{text-decoration:underline}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.insight-card{flex-direction:column;display:flex}.distribution-layout{align-items:center;gap:1.25rem;height:100%;display:flex}.distribution-legends{flex-direction:column;flex-grow:1;gap:.65rem;display:flex}.legend-row{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.legend-label{color:var(--text-muted);align-items:center;gap:.4rem;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:6px;height:6px}.legend-value{color:var(--text-main);font-weight:700}.category-list{flex-direction:column;gap:.75rem;display:flex}.category-row{flex-direction:column;gap:.25rem;display:flex}.category-row-top{justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.category-row-label{color:var(--text-main);align-items:center;gap:.4rem;display:flex}.category-row-value{color:var(--text-muted)}.health-layout{flex-direction:column;justify-content:space-between;height:100%;display:flex}.health-status-box{background-color:#ecfdf5;border:1px solid #d1fae5;border-radius:10px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.health-status-icon{color:#10b981;background-color:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.health-status-info h4{color:#065f46;font-size:.85rem;font-weight:700}.health-status-info p{color:#047857;margin-top:.15rem;font-size:.7rem;line-height:1.3}.health-metrics-row{border-top:1px solid var(--border-light);justify-content:space-between;padding-top:1rem;display:flex}.health-metric-col{flex-direction:column;align-items:center;display:flex}.health-metric-val{color:var(--text-main);font-size:1.15rem;font-weight:700}.health-metric-lbl{color:var(--text-muted);text-transform:uppercase;margin-top:.15rem;font-size:.7rem;font-weight:500}.activity-card{flex-direction:column;display:flex}.activity-table{border-collapse:collapse;width:100%}.activity-th{color:var(--text-muted);text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-color);padding:.5rem;font-size:.7rem;font-weight:700}.activity-tr{border-bottom:1px solid var(--border-light);transition:var(--transition-smooth)}.activity-tr:last-child{border-bottom:none}.activity-tr:hover{background-color:#fafbfc}.activity-td{padding:.85rem .5rem;font-size:.8rem}.activity-td-app{color:var(--text-main);align-items:center;gap:.65rem;font-weight:600;display:flex}.activity-app-icon{border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex}.activity-td-desc{color:var(--text-main)}.activity-td-file{color:var(--text-muted)}.activity-td-diff{text-align:left;font-weight:700}.activity-td-time{color:var(--text-muted);text-align:left}.drawer-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(4px);background-color:#0f172a66}.drawer-content,.modal-content{border-left:1px solid var(--border-color);color:var(--text-main);background-color:#fff;box-shadow:-10px 0 35px #00000014}.form-control{color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1}.form-control:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #2563eb1a}.btn-primary{background-color:var(--accent-blue);color:#fff;font-weight:600}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 0 15px #2563eb33}.btn-quick{color:var(--text-muted);background-color:#f8fafc;border:1px solid #e2e8f0}.btn-quick:hover{color:var(--text-main);background-color:#e2e8f0}.file-item{background-color:#f8fafc;border:1px solid #e2e8f0}.file-item:hover{background-color:#f1f5f9}.settings-slider-row{background-color:#f8fafc;border:1px solid #e2e8f0}.settings-slider{background-color:#e2e8f0}.settings-slider::-webkit-slider-thumb{background-color:var(--accent-blue);box-shadow:0 0 8px #2563eb66}.notification-dropdown{background-color:#fff;border-color:#e2e8f0;box-shadow:0 10px 25px #00000014}.notification-header{background-color:#f8fafc}.notification-item{border-bottom:1px solid #f1f5f9}@keyframes spin{to{transform:rotate(360deg)}}.details-container{flex-direction:column;gap:1.5rem;padding:.5rem .25rem 2rem;display:flex}.breadcrumbs{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:flex}.crumb-link{cursor:pointer;transition:var(--transition-smooth)}.crumb-link:hover{color:var(--accent-blue);text-decoration:underline}.crumb-separator{color:var(--text-dim)}.crumb-active{color:var(--text-main);font-weight:700}.details-header{justify-content:space-between;align-items:center;display:flex}.details-header-title h2{color:var(--text-main);letter-spacing:-.02rem;font-size:1.75rem;font-weight:800}.details-header-title p{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.details-summary-card{align-items:center;gap:2rem;padding:2rem;display:flex}@media (width<=768px){.details-summary-card{flex-direction:column;align-items:flex-start;gap:1.5rem}}.summary-left-donut{flex-shrink:0;justify-content:center;align-items:center;display:flex}.donut-inner-text{flex-direction:column;justify-content:center;align-items:center;line-height:1.15;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-inner-percent{color:var(--text-main);letter-spacing:-.02rem;font-size:1.45rem;font-weight:800}.donut-inner-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04rem;font-size:.65rem;font-weight:700}.summary-right-metrics{flex-direction:column;flex-grow:1;gap:1.5rem;width:100%;display:flex}.details-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=576px){.details-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.metric-col{flex-direction:column;gap:.25rem;display:flex}.metric-col .val{color:var(--text-main);font-size:1.4rem;font-weight:800}.metric-col .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02rem;font-size:.75rem;font-weight:600}.progress-bar-wrapper{flex-direction:column;gap:.5rem;display:flex}.progress-bar-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.category-breakdown-card{flex-direction:column;padding:1.75rem 2rem;display:flex}.category-header-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.category-header-row h3{color:var(--text-main);font-size:1.05rem;font-weight:800}.category-header-labels{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04rem;gap:3rem;font-size:.75rem;font-weight:700;display:flex}.category-header-labels span{text-align:right;width:90px}.category-list-wrapper{flex-direction:column;gap:.85rem;display:flex}.category-row-item{align-items:center;gap:1.5rem;padding:.5rem 0;display:flex}.category-title-section{flex-shrink:0;align-items:center;gap:.85rem;width:180px;display:flex}.category-icon-box{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.category-name-lbl{color:var(--text-main);font-size:.85rem;font-weight:700}.category-progress-container{flex-grow:1}.category-value-section{flex-shrink:0;align-items:center;gap:3rem;display:flex}.category-value-section .val-mb{color:var(--text-main);text-align:right;width:90px;font-size:.85rem;font-weight:700}.category-value-section .val-pct{color:var(--text-muted);text-align:right;width:90px;font-size:.85rem;font-weight:600}.category-value-section .chevron-link{color:var(--text-dim);cursor:pointer;transition:var(--transition-smooth)}.category-value-section .chevron-link:hover{color:var(--text-main)}.details-tips-banner{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;gap:2rem;margin-top:.5rem;padding:1.25rem 2rem;display:flex}@media (width<=576px){.details-tips-banner{flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem}}.tips-message{color:#1e3a8a;align-items:center;gap:.85rem;font-size:.85rem;font-weight:600;line-height:1.4;display:flex}.tips-message svg{color:var(--accent-blue);flex-shrink:0}.btn-primary-outline{border:1.5px solid var(--accent-blue);color:var(--accent-blue);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);text-align:center;background:#fff;border-radius:8px;flex-shrink:0;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700}.btn-primary-outline:hover{background-color:var(--accent-blue);color:#fff}.mobile-header-bar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:990;justify-content:space-between;align-items:center;height:60px;padding:0 1.25rem;display:none;position:sticky;top:0}.hamburger-btn{color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;display:flex}.hamburger-btn:hover{background-color:var(--border-light)}.mobile-brand{color:var(--text-main);letter-spacing:.03rem;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#0f172a59;position:fixed;inset:0}@media (width<=992px){.dashboard-layout{flex-direction:column;height:100vh;overflow:hidden}.mobile-header-bar{display:flex}.sidebar{z-index:1000;width:270px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-280px;box-shadow:10px 0 30px #00000014}.sidebar.open{left:0}.main-content{height:calc(100vh - 60px);padding:0}.navbar-wrapper{padding:0}.main-content-body{padding:1rem 1.25rem 1.5rem}.navbar-card{padding:.75rem 1.25rem}.navbar-title{font-size:1rem}.navbar-logo{height:38px}.navbar-login-btn{padding:.5rem 1rem;font-size:.8rem}}@media (width<=768px){.overview-card{flex-direction:column;gap:1.75rem;padding:1.5rem}.overview-center{width:100%;margin:1rem 0}.overview-right{flex-flow:wrap;justify-content:space-between;gap:1rem;width:100%}.overview-metric-row{flex:140px}.category-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=576px){.category-row-item,.category-breakdown-card div[style*=gridTemplateColumns]{font-size:.8rem;grid-template-columns:1fr 1fr 24px!important}.category-breakdown-card div[style*=cliks-business]{grid-template-columns:1.2fr 1fr!important}.category-row-item div[style*="width: 250px"]{display:none!important}.category-list-row-hover{padding:.75rem .5rem!important}div[style*="padding: 0.65rem 1rem 0.65rem 2.25rem"]{padding:.5rem .5rem .5rem 1rem!important}}.login-wrapper{z-index:9999;width:100vw;height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at 15% 15%,#2563eb0f,#0000 35%),radial-gradient(circle at 85% 85%,#8b5cf60f,#0000 35%),#f8fafc;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.login-card-container{border:1px solid var(--border-color);background:#fff;border-radius:16px;width:440px;max-width:92%;padding:2.75rem 2.5rem;animation:.5s cubic-bezier(.16,1,.3,1) both loginCardSlideUp;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005,0 0 0 1px #00000003}@keyframes loginCardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo-container{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:1rem;display:inline-flex;box-shadow:0 4px 12px -2px #2563eb0d}.login-logo-img{object-fit:contain;width:48px;height:48px}.login-title{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.login-welcome{color:var(--text-main);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.6rem;font-weight:700}.login-subtitle{color:var(--text-muted);font-size:.85rem}.login-error-alert{color:var(--color-critical);background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.8rem;font-weight:500;line-height:1.4;display:flex}.animate-fade-in{animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-form-group{flex-direction:column;gap:.45rem;display:flex}.login-label{color:var(--text-main);font-size:.8rem;font-weight:600}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-dim);pointer-events:none;position:absolute;left:.875rem}.login-input{width:100%;color:var(--text-main);border:1px solid var(--border-color);transition:var(--transition-smooth);background-color:#fff;border-radius:8px;outline:none;padding:.75rem 1rem .75rem 2.5rem;font-family:inherit;font-size:.9rem}.login-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb14}.login-input:disabled{background-color:var(--bg-primary);color:var(--text-dim);cursor:not-allowed}.login-password-toggle-btn{color:var(--text-dim);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:.875rem}.login-password-toggle-btn:hover{color:var(--text-muted);background-color:var(--bg-primary)}.login-options-row{justify-content:space-between;align-items:center;margin-top:.25rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.login-remember-me{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-weight:500;display:flex}.login-remember-me input[type=checkbox]{border:1px solid var(--border-color);width:15px;height:15px;accent-color:var(--accent-blue);cursor:pointer;border-radius:4px}.login-forgot-link{color:var(--accent-blue);transition:var(--transition-smooth);font-weight:600;text-decoration:none}.login-forgot-link:hover{color:#1d4ed8;text-decoration:underline}.login-submit-btn{background-color:var(--accent-blue);color:#fff;letter-spacing:.03em;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.8rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 12px #2563eb26}.login-submit-btn:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}.login-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb26}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.login-footer{justify-content:center;margin-top:2rem;display:flex}.environment-badge{border:1px solid var(--border-color);color:var(--text-muted);letter-spacing:.02em;background-color:#f1f5f9;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.725rem;font-weight:600;display:inline-flex}.header-profile-badge{border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-smooth);background-color:#f1f5f9;border-radius:30px;align-items:center;gap:.6rem;padding:.45rem 1rem .45rem .45rem;display:flex}.header-profile-badge:hover{border-color:var(--text-dim);background-color:#e2e8f0}.header-profile-badge-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 5px #2563eb26}.header-profile-badge-username{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.85rem;font-weight:600;overflow:hidden}.header-profile-badge-chevron{color:var(--text-muted);transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.header-profile-badge-chevron.open{transform:rotate(180deg)}.profile-dropdown-card{border:1px solid var(--border-color);z-index:10000;background-color:#fff;border-radius:24px;width:320px;padding:1.75rem 0 0;animation:.25s cubic-bezier(.16,1,.3,1) both dropdownFadeIn;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 30px #0000001a,0 0 0 1px #00000005}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-card-header{flex-direction:column;align-items:center;padding:0 1.5rem;display:flex}.profile-card-avatar-wrapper{margin-bottom:.875rem;position:relative}.profile-card-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;font-size:2.25rem;font-weight:700;display:flex;box-shadow:0 4px 12px #2563eb33}.profile-card-camera-btn{border:1px solid var(--border-color);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 5px #0000000d}.profile-card-camera-btn:hover{color:var(--text-main);border-color:var(--text-dim);background-color:#f1f5f9}.profile-card-username{color:var(--text-main);letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.profile-card-email{color:var(--text-muted);word-break:break-all;margin-bottom:1.25rem;font-size:.85rem}.profile-manage-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background-color:#fff;border-radius:30px;justify-content:center;align-items:center;gap:.5rem;width:auto;padding:.55rem 1.25rem;font-size:.8rem;font-weight:600;display:flex}.profile-manage-btn:hover{border-color:var(--text-dim);background-color:#f1f5f9}.profile-card-divider{border:none;border-top:1px solid var(--border-color);width:100%;margin:1.5rem 0 0}.profile-card-menu{flex-direction:column;display:flex}.profile-menu-item{color:#475569;cursor:pointer;text-align:left;width:100%;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.75rem;padding:.95rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.profile-menu-item:hover{color:var(--text-main);background-color:#f8fafc}.profile-menu-item svg{color:var(--text-muted)}.profile-menu-item:hover svg{color:var(--text-main)}.profile-menu-item.danger{color:#dc2626;border-top:1px solid var(--border-light);border-bottom-right-radius:24px;border-bottom-left-radius:24px;font-weight:600}.profile-menu-item.danger svg{color:#dc2626}.profile-menu-item.danger:hover{color:#b91c1c;background-color:#fef2f2}.profile-menu-item.danger:hover svg{color:#b91c1c}.mobile-only{display:none!important}@media (width<=992px){.mobile-only{display:flex!important}.navbar-wrapper{display:none!important}}.lang-dropdown-container{display:inline-block;position:relative}.lang-dropdown-trigger{border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s ease-in-out;display:flex;box-shadow:0 1px 2px #0000000d}.lang-dropdown-trigger:hover{border-color:var(--accent-blue);background-color:#2563eb0d}.lang-dropdown-chevron{color:var(--text-dim);transition:transform .2s cubic-bezier(.4,0,.2,1)}.lang-dropdown-chevron.open{transform:rotate(180deg)}.lang-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:1000;box-sizing:border-box;border-radius:10px;flex-direction:column;gap:.15rem;min-width:155px;margin-top:6px;padding:.35rem;animation:.2s cubic-bezier(.4,0,.2,1) langDropdownFadeIn;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f}@keyframes langDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-item{width:100%;color:var(--text-main);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;outline:none;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.85rem;font-weight:550;transition:all .2s;display:flex;position:relative}.lang-dropdown-item:hover{color:var(--accent-blue);background-color:#2563eb14}.lang-dropdown-item.selected{color:var(--accent-blue);font-weight:700}.lang-dropdown-checkmark{width:14px;height:14px;color:var(--accent-blue);justify-content:center;align-items:center;display:flex}.lang-dropdown-checkmark-placeholder{width:14px;height:14px;display:inline-block}.profile-switch-accounts{flex-direction:column;max-height:160px;padding:.5rem 0;display:flex;overflow-y:auto}.switch-accounts-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1.5rem;font-size:.75rem;font-weight:700}.switch-account-row{cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.switch-account-row:hover{background-color:#f1f5f9}[data-theme=dark] .switch-account-row:hover{background-color:#ffffff0d}.switch-account-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.switch-account-info{flex-direction:column;display:flex}.switch-account-email{color:var(--text-main);font-size:.85rem;font-weight:500}.account-mgmt-layout{color:#1e293b;background-color:#f8fafc;flex-direction:column;width:100vw;height:100vh;font-family:inherit;display:flex}.account-mgmt-navbar{box-sizing:border-box;z-index:50;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:.75rem 2rem;display:flex;box-shadow:0 1px 2px #0000000d}.navbar-brand-account{align-items:center;gap:.75rem;display:flex}.navbar-logo-account{object-fit:contain;width:auto;height:44px}.b2-logo{color:#fff;background-color:#2563eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:800;display:flex}.account-title-label{color:#1e293b;font-size:1.2rem;font-weight:600}.navbar-controls-account{align-items:center;gap:1rem;display:flex}.navbar-btn-circle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.navbar-btn-circle:hover{background-color:#f1f5f9}.navbar-avatar-circle{color:#fff;cursor:pointer;background-color:#ea580c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.navbar-avatar-circle:hover{transform:scale(1.05)}.account-mgmt-body{flex:1;height:calc(100vh - 70px);display:flex;overflow:hidden}.account-mgmt-sidebar{box-sizing:border-box;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;justify-content:space-between;width:280px;padding:2rem 1rem;display:flex;overflow-y:auto}.account-sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.sidebar-nav-item{color:#475569;cursor:pointer;border-radius:9999px;align-items:center;gap:1rem;padding:.8rem 1.2rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#1e293b;background-color:#f1f5f9}.sidebar-nav-item.active{color:#0369a1;background-color:#e0f2fe;font-weight:600}.sidebar-nav-footer{border-top:1px solid #f1f5f9;padding-top:1rem}.sidebar-nav-item.signout-btn{color:#e11d48}.sidebar-nav-item.signout-btn:hover{color:#be123c;background-color:#ffe4e6}.account-mgmt-content{box-sizing:border-box;background-color:#f8fafc;flex:1;padding:3rem 2rem;overflow-y:auto}.content-container{max-width:960px;margin:0 auto}.account-home-view{flex-direction:column;display:flex}.account-welcome-banner{text-align:center;flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}.welcome-avatar-large{color:#fff;background-color:#ea580c;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;font-size:2.2rem;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #0000001a}.welcome-title{color:#1e293b;margin:0 0 .5rem;font-size:2.2rem;font-weight:500}.welcome-subtitle{color:#64748b;max-width:600px;margin:0;font-size:1rem;line-height:1.5}.account-card-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.account-card-grid{grid-template-columns:1fr}.account-mgmt-sidebar{width:80px;padding:2rem .5rem}.sidebar-nav-item span{display:none}}.account-info-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #0000000d}.account-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-top-content{flex-direction:column;padding:1.5rem;display:flex}.card-icon-container{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:flex}.bg-blue-light{background-color:#eff6ff}.bg-teal-light{background-color:#f0fdfa}.bg-indigo-light{background-color:#e0e7ff}.bg-orange-light{background-color:#fff7ed}.text-blue{color:#2563eb}.text-teal{color:#0d9488}.text-indigo{color:#4f46e5}.text-orange{color:#ea580c}.card-title{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.card-description{color:#64748b;margin:0 0 1.25rem;font-size:.9rem;line-height:1.45}.card-footer-link{color:#2563eb;cursor:pointer;border-top:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;transition:color .2s}.card-footer-link:hover{color:#1d4ed8;text-decoration:underline}.email-status-item{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;display:flex}.email-status-item.secondary{color:#475569;background-color:#f8fafc;border-color:#e2e8f0;margin-bottom:0}.email-status-icon{color:#16a34a;font-weight:700}.email-status-icon.secondary{color:#64748b}.email-extra-badge{color:#475569;background-color:#e2e8f0;border-radius:9999px;margin-left:auto;padding:.15rem .4rem;font-size:.75rem}.privacy-active-indicators{color:#475569;flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.indicator-row{align-items:center;gap:.5rem;display:flex}.bullet{background-color:#10b981;border-radius:50%;width:6px;height:6px}.badge-wrapper{display:flex}.public-account-badge{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.storage-card-progress-wrapper{flex-direction:column;gap:.5rem;display:flex}.progress-container-mini{background-color:#e2e8f0;border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-bar-mini{background-color:#ea580c;border-radius:9999px;height:100%}.storage-text-mini{color:#64748b;font-size:.8rem;font-weight:500}.account-detail-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2.5rem;box-shadow:0 1px 3px #0000000d}.panel-title{color:#1e293b;margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.panel-subtitle{color:#64748b;border-bottom:1px solid #f1f5f9;margin:0 0 2rem;padding-bottom:1rem;font-size:.95rem}.profile-form-grid{grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}@media (width<=768px){.profile-form-grid{grid-template-columns:1fr;gap:2rem}}.form-section{flex-direction:column;gap:1.25rem;display:flex}.form-section h3{color:#334155;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-group label{color:#475569;font-size:.85rem;font-weight:600}.form-group input,.form-group select{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group-row{gap:1rem;display:flex}.email-list-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.email-list-row{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:.65rem .75rem;display:flex}.email-tag{text-transform:uppercase;border-radius:4px;margin-right:.5rem;padding:.15rem .35rem;font-size:.7rem;font-weight:700}.email-tag.primary{color:#1d4ed8;background-color:#eff6ff}.email-tag.secondary{color:#475569;background-color:#f1f5f9}.email-val{color:#1e293b;font-size:.85rem;font-weight:500}.verified-badge{color:#16a34a;font-size:.75rem;font-weight:600}.email-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:background-color .2s}.email-delete-btn:hover{background-color:#fee2e2}.add-email-form{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.add-email-form label{color:#475569;font-size:.85rem;font-weight:600}.input-group{gap:.5rem;display:flex}.input-group input{flex:1}.btn-add-email{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:background-color .2s;display:flex}.btn-add-email:hover{background-color:#1e293b}.form-error-msg{color:#ef4444;margin:0;font-size:.8rem}.btn-save-profile{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:background-color .2s}.btn-save-profile:hover{background-color:#1d4ed8}.panel-footer-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.panel-footer-actions.left-align{justify-content:flex-start}.subscription-billing-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width<=768px){.subscription-billing-grid{grid-template-columns:1fr}}.billing-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.75rem;display:flex}.billing-card h3{color:#1e293b;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.plan-badge-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.plan-title{color:#1e293b;font-weight:700}.plan-price{color:#16a34a;font-weight:700}.plan-desc{color:#64748b;margin-bottom:1.25rem;font-size:.85rem;line-height:1.4}.plan-progress{flex-direction:column;gap:.4rem;display:flex}.progress-bar-container{background-color:#e2e8f0;border-radius:9999px;width:100%;height:10px;overflow:hidden}.progress-bar{background-color:#2563eb;border-radius:9999px;height:100%}.progress-text{color:#475569;font-size:.8rem;font-weight:500}.billing-divider{border:none;border-top:1px solid #e2e8f0;margin:1.5rem 0}.upgrade-options{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.upgrade-btn-premium{color:#fff;cursor:pointer;background-color:#ea580c;border:none;border-radius:6px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.upgrade-btn-premium:hover{background-color:#d97706}.upgrade-btn-premium.secondary{background-color:#0f172a}.upgrade-btn-premium.secondary:hover{background-color:#1e293b}.credit-card-display{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;flex-direction:column;justify-content:space-between;height:160px;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.cc-chip{background-color:#f59e0b;border-radius:4px;width:36px;height:26px}.cc-number{letter-spacing:2px;margin:1rem 0;font-family:monospace;font-size:1.25rem}.cc-footer{text-transform:uppercase;opacity:.8;justify-content:space-between;font-size:.8rem;display:flex}.payment-options{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.btn-manage-pay{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-manage-pay:hover{background-color:#f1f5f9;border-color:#94a3b8}.btn-manage-pay.secondary{background-color:#0000;border-style:dashed}.storage-detailed-dashboard{flex-direction:column;gap:1.5rem;display:flex}.storage-detailed-dashboard h3{color:#1e293b;margin:1.5rem 0 .5rem;font-size:1.2rem;font-weight:600}.storage-stat-banner{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:2rem;padding:1.5rem;display:flex}@media (width<=640px){.storage-stat-banner{text-align:center;flex-direction:column}}.stat-circle{border:6px solid #e2e8f0;border-top-color:#ea580c;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.stat-circle-inner{flex-direction:column;align-items:center;display:flex}.stat-percent{color:#ea580c;font-size:1.4rem;font-weight:700}.stat-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-descriptions{flex-direction:column;display:flex}.main-stat{color:#1e293b;font-size:1.5rem;font-weight:700}.limit-stat{color:#64748b;margin-top:.15rem;font-size:.9rem}.storage-tip{color:#475569;margin-top:.75rem;font-size:.85rem;font-weight:500}.storage-app-allocation-list{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.app-storage-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.app-storage-row:last-child{border-bottom:none;padding-bottom:0}@media (width<=640px){.app-storage-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.app-details{align-items:center;gap:.5rem;display:flex}.app-name-bullet{border-radius:50%;width:8px;height:8px}.app-name{color:#1e293b;font-size:.95rem;font-weight:600}.app-category{color:#64748b;font-size:.8rem}.app-progress-group{flex:.6;justify-content:flex-end;align-items:center;gap:1rem;display:flex}@media (width<=640px){.app-progress-group{justify-content:space-between;width:100%}}.progress-bar-container-mini{background-color:#e2e8f0;border-radius:9999px;width:120px;height:6px;overflow:hidden}@media (width<=640px){.progress-bar-container-mini{flex:1;max-width:200px}}.app-storage-numbers{color:#475569;text-align:right;min-width:110px;font-size:.85rem;font-weight:500}.app-percent-label{color:#1e293b;text-align:right;min-width:40px;font-size:.85rem;font-weight:600}.btn-dashboard-redirect{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-dashboard-redirect:hover{color:#1e293b;background-color:#e2e8f0}.security-controls-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width<=768px){.security-controls-grid{grid-template-columns:1fr}}.security-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.75rem;display:flex}.security-card h3{color:#1e293b;margin:0 0 1rem;font-size:1.15rem;font-weight:600}.security-toggle-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.security-toggle-row:last-of-type{border-bottom:none}.toggle-info{flex-direction:column;gap:.2rem;padding-right:1.5rem;display:flex}.toggle-title{color:#1e293b;font-size:.95rem;font-weight:600}.toggle-desc{color:#64748b;font-size:.8rem;line-height:1.3}.toggle-switch-container{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch-container input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch-container input:checked+.toggle-slider{background-color:#2563eb}.toggle-switch-container input:checked+.toggle-slider:before{transform:translate(20px)}.password-change-form{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.btn-update-password{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;margin-top:.5rem;padding:.65rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-update-password:hover{background-color:#1d4ed8}.pass-message{border-radius:6px;align-items:center;gap:.5rem;padding:.65rem;font-size:.85rem;font-weight:500;display:flex}.pass-message.error{color:#be123c;background-color:#fee2e2;border:1px solid #fecaca}.pass-message.success{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.sessions-list{flex-direction:column;gap:1rem;display:flex}.session-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.session-icon{color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.session-details{flex-direction:column;flex:1;gap:.15rem;display:flex}.session-device-name{color:#1e293b;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.active-tag{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.session-meta{color:#64748b;font-size:.8rem}.btn-revoke-session{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #fca5a5;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-revoke-session:hover{background-color:#fee2e2;border-color:#ef4444}.privacy-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#ffffffb3;border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px -2px #00000008,0 2px 6px -1px #00000005}html[data-theme=dark] .privacy-card,[data-theme=dark] .privacy-card{background:#1f2937b3}.privacy-card-interactive{cursor:pointer}.privacy-card-interactive:hover{border-color:#2563eb4d;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014}.privacy-option-card{border:1px solid var(--border-color);cursor:pointer;background:#ffffff80;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;transition:all .2s;display:flex}html[data-theme=dark] .privacy-option-card,[data-theme=dark] .privacy-option-card{background:#1f293780}.privacy-option-card:hover{background:#2563eb08;border-color:#2563eb59}.privacy-option-card.selected{background:linear-gradient(135deg,#2563eb14,#2563eb05);border:1.5px solid #2563eb;box-shadow:0 4px 12px #2563eb14}.privacy-action-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.privacy-action-btn:hover{background-color:#2563eb14;transform:translate(3px)}.privacy-pulse-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-green;box-shadow:0 0 #10b98166}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}