@charset "utf-8"; .data-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);background:var(--card-bg)}.data-table,.sdt-table{width:100%;min-width:480px;border-collapse:collapse;border-spacing:0;font-size:15px}.data-table thead,.sdt-table thead{background:linear-gradient(180deg,rgba(84,100,138,0.98) 0,rgba(44,56,84,0.98) 100%),radial-gradient(140% 140% at 10% 0,rgba(148,163,184,0.28) 0,rgba(15,23,42,0) 55%);color:var(--heading-color);box-shadow:inset 0 1px 0 rgba(148,163,184,0.22),inset 0 -1px 0 rgba(148,163,184,0.32)}.data-table thead th,.sdt-table thead th{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:rgba(226,232,240,0.85);padding:14px 16px;border-bottom:1px solid rgba(148,163,184,0.2);text-align:left;white-space:nowrap;position:relative;user-select:none}.dt-column-header{display:flex;align-items:center;gap:8px}.data-table thead th:first-child,.sdt-table thead th:first-child{padding-left:20px}.data-table thead th:last-child,.sdt-table thead th:last-child{padding-right:20px}body.theme-light .data-table thead,body.theme-light .sdt-table thead{background:linear-gradient(180deg,rgba(190,214,245,1) 0,rgba(164,192,232,1) 100%),radial-gradient(140% 140% at 10% 0,rgba(99,102,241,0.28) 0,rgba(255,255,255,0) 55%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),inset 0 -1px 0 rgba(30,41,59,0.65),0 1px 0 rgba(71,85,105,0.35)}body.theme-light .data-table thead th,body.theme-light .sdt-table thead th{color:#1f2937}.data-table tbody td,.sdt-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-color)}.data-table tbody tr:nth-child(even),.sdt-table tbody tr:nth-child(even){background:rgba(255,255,255,0.02)}.data-table tbody tr:hover td,.sdt-table tbody tr:hover td{background:rgba(255,255,255,0.05)}body.theme-light .data-table tbody tr:nth-child(even),body.theme-light .sdt-table tbody tr:nth-child(even){background:rgba(0,0,0,0.03)}body.theme-light .data-table tbody tr:hover td,body.theme-light .sdt-table tbody tr:hover td{background:rgba(0,0,0,0.04)}.data-table-align-left thead th,.data-table-align-left tbody td{text-align:left}.data-table-align-center thead th,.data-table-align-center tbody td{text-align:center}.data-table-align-right thead th,.data-table-align-right tbody td{text-align:right}.data-table-cell-title{font-weight:600;font-size:15px;color:var(--text-color)}.data-table-cell-muted{font-size:14px;color:var(--muted-text)}.data-table-cell-icon{display:inline-flex;align-items:center;gap:8px}.data-table-cell-image{display:inline-flex;align-items:center;gap:10px}.data-table-cell-image img{width:32px;height:32px;object-fit:cover;flex-shrink:0}.data-table-empty td,.data-table-loading td{text-align:center;padding:32px 20px;color:var(--muted-text);font-size:15px}.data-table-empty td .data-table-empty-icon,.data-table-loading td .data-table-loading-icon{display:block;font-size:28px;margin-bottom:8px;opacity:.6}.data-table-section{margin-bottom:24px}.data-table-section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--heading-color);margin:0 0 16px 0}.data-table-section-title .fa,.data-table-section-title .fas{color:var(--primary-blue);font-size:20px}.sdt-wrapper .dt-layout-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin:.75em 0;padding:0 20px;gap:12px}.sdt-wrapper .dt-layout-cell{display:flex;align-items:center}.sdt-wrapper .dt-layout-start{justify-content:flex-start}.sdt-wrapper .dt-layout-end{justify-content:flex-end;margin-left:auto}.dt-info{margin:0;color:var(--muted-text);font-size:14px}.dt-paging nav{display:flex;align-items:center;gap:6px}.dt-paging-button{padding:4px 8px;margin:0;border:1px solid transparent;background:transparent;color:var(--text-color);cursor:pointer;font-size:13px;line-height:1.2;border-radius:4px}.dt-paging-button:hover{border-color:var(--primary-blue);background:rgba(59,130,246,0.12);color:var(--heading-color)}.dt-paging-button.current{border-color:var(--primary-blue);background:rgba(59,130,246,0.12);color:var(--heading-color);font-weight:600}.dt-paging-button.disabled{opacity:.45;cursor:not-allowed;color:var(--muted-text)}table.sdt-table thead .dt-order-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:4px 8px;border:1px solid transparent;background:transparent;color:var(--text-color);cursor:pointer;font-size:13px;line-height:1.2;border-radius:4px;height:22px}table.sdt-table thead .dt-order-toggle svg{width:16px;height:16px;display:block}table.sdt-table thead .dt-order-toggle.is-asc,table.sdt-table thead .dt-order-toggle.is-desc{border-color:rgba(99,102,241,0.75);background:rgba(99,102,241,0.2);color:var(--heading-color)}@media (max-width:767px){.data-table-mobile-cards.data-table-wrap{overflow-x:auto;min-width:0}.data-table-mobile-cards .data-table,.data-table-mobile-cards .sdt-table{min-width:720px}.sdt-wrapper .dt-layout-row{display:block;padding:0 12px}.sdt-wrapper .dt-layout-cell{display:block;text-align:center;margin:.5em 0}.dt-paging nav{justify-content:center;flex-wrap:wrap}}.button,button,input[type='submit'],input[type='reset'],input[type='button'],.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;margin:8px 8px 8px 0;border:2px solid var(--border-color) !important;border-radius:var(--radius-medium);background:transparent !important;color:var(--text-color) !important;font-size:.95em;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit;height:auto}.button .fas,.button .fab,.button .far,button .fas,button .fab,button .far,.btn .fas,.btn .fab,.btn .far{font-size:.9em}.button:hover,button:hover,.btn:hover{border-color:var(--primary-blue) !important;background:rgba(99,102,241,0.1) !important;color:var(--primary-blue) !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,0.2)}.button-primary,.btn-primary{border:none !important;color:#fff !important;background:var(--btn-gradient) !important;box-shadow:0 4px 14px rgba(99,102,241,0.4),0 0 0 1px rgba(255,255,255,0.1) inset;position:relative;overflow:hidden}.button-primary::before,.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left .5s ease}.button-primary:hover::before,.btn-primary:hover::before{left:100%}.button-primary:hover,.btn-primary:hover{border:none !important;background:var(--btn-gradient-hover) !important;color:#fff !important;box-shadow:0 8px 24px rgba(99,102,241,0.5),0 0 0 1px rgba(255,255,255,0.2) inset;transform:translateY(-2px)}.button-primary:active,.btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px rgba(99,102,241,0.4)}.button-primary .fas,.button-primary .fab,.button-primary .far,.btn-primary .fas,.btn-primary .fab,.btn-primary .far{color:var(--light-blue-text) !important}.btn-success{border-color:#10b981 !important;color:#10b981 !important}.btn-success:hover{border-color:#059669 !important;background:rgba(16,185,129,0.1) !important;color:#059669 !important}input[type='text'],input[type='email'],input[type='password'],input[type='number'],input[type='url'],select,textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color) !important;border-radius:var(--radius-medium);background:var(--input-bg) !important;color:var(--text-color) !important;font-size:.95em;font-family:inherit}input[type='url']{padding-left:38px !important}.modal-input-group:has(input[type='url']),.form-group:has(input[type='url']){position:relative;--url-input-height:44px}.modal-input-group:has(input[type='url'])::before,.form-group:has(input[type='url'])::before{content:'';position:absolute;left:12px;top:calc(1.5em + 8px + .4rem +(var(--url-input-height,44px) / 2) + 6px);transform:translateY(-50%);color:#64b5f6;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;background-color:currentColor;-webkit-mask-image:var(--fa-solid-link);mask-image:var(--fa-solid-link);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none;z-index:1}input[type='text']:hover,input[type='email']:hover,input[type='password']:hover,input[type='number']:hover,input[type='url']:hover,select:hover,textarea:hover{border-color:var(--accent-blue) !important}input[type='text']:focus,input[type='email']:focus,input[type='password']:focus,input[type='number']:focus,input[type='url']:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-blue) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}input[type='checkbox'],input[type='radio']{accent-color:var(--primary-blue)}label{color:var(--heading-sub);font-size:.9em;font-weight:500;display:block;margin-bottom:8px}label.checkbox-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:0;cursor:pointer;line-height:1.4;white-space:nowrap}label.checkbox-label input[type='checkbox']{margin:0;flex-shrink:0}.form-group{margin-bottom:20px}textarea{min-height:100px;resize:vertical}.u-full-width{width:100% !important;padding:12px 16px !important;border:1px solid var(--border-color) !important;border-radius:var(--radius-medium) !important;background:var(--input-bg) !important;color:var(--text-color) !important;font-size:.95em !important;font-family:inherit !important;box-sizing:border-box !important}.u-full-width:hover{border-color:var(--accent-blue) !important}.u-full-width:focus{outline:none !important;border-color:var(--primary-blue) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.1) !important}select.u-full-width,#timezoneSelect{padding:12px 40px 12px 16px !important;background-image:url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E) !important;background-repeat:no-repeat !important;background-position:right 16px center !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;min-height:44px !important;line-height:1.5 !important}body.theme-dark select.u-full-width,body.theme-dark #timezoneSelect{background-image:url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b8b8b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E) !important}.button-sm,.copy-btn{min-height:36px !important;padding:8px 12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important}.button-sm .fas,.button-sm .fab,.button-sm .far,.copy-btn .fas,.copy-btn .fab,.copy-btn .far{font-size:.85em !important;margin:0 !important;line-height:1 !important}.button-sm:only-child,.copy-btn:only-child{width:auto !important;min-width:36px !important}.card{background:var(--card-bg);border:0;border-radius:var(--radius-medium);padding:24px;margin:24px 0;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.03);border-color:var(--accent-blue)}.card .fas,.card .fab,.card .far{color:var(--primary-blue);margin-right:8px}.badge{display:inline-block;padding:4px 10px;border:1px solid var(--border-color);border-radius:12px;font-size:.8em;background:rgba(255,255,255,0.05);color:var(--muted-text);margin:0 4px}body.theme-light .badge{background:rgba(0,0,0,0.02)}.navbar{background:var(--navbar-gradient);padding:0;margin:0;width:100%;box-shadow:0 2px 8px rgba(0,0,0,0.2);position:sticky;top:0;z-index:1300;overflow:visible;max-width:100% !important;padding-left:0 !important;padding-right:0 !important;max-height:54px !important}.navbar{position:sticky}.navbar::after{content:'';display:block;width:100%;height:3px;background:var(--navbar-underline);position:absolute;bottom:0;left:0;z-index:0}.navbar-wrapper{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:visible;padding-top:4px;padding-bottom:calc(var(--underline-height) + 4px);min-height:auto;width:100%;box-sizing:border-box;gap:20px;padding-left:10px;padding-right:10px}.navbar-wrapper::before{display:none}.navbar-wrapper::after{display:none}.navbar-wrapper.navbar-space-between{justify-content:space-between}.navbar-wrapper.navbar-space-between::before,.navbar-wrapper.navbar-space-between::after{display:none}body.container-90 .navbar-wrapper{max-width:90%;width:90%}body.container-70 .navbar-wrapper{max-width:70%;width:70%}body.container-1200 .navbar-wrapper{max-width:1200px}.navbar-logo{display:flex;align-items:center;justify-content:center;padding:10px;color:#fff !important;text-decoration:none;font-weight:700;font-size:1.3em;transition:background-color .2s ease;border-bottom:none;border-radius:10px;flex-shrink:0;white-space:nowrap;opacity:.4;min-width:fit-content;position:relative;z-index:10;order:1}.navbar-logo::before{content:'';display:block;width:20px;height:20px;background-image:url(/assets/img/logo.svg);background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0}.navbar-logo:hover{background:rgba(0,0,0,0.25);color:#fff !important;border-bottom:none;border-radius:10px}.navbar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;overflow:visible;position:relative;min-width:0;gap:0;box-sizing:border-box;order:2;flex-shrink:0;margin-left:auto}.navbar li{margin:0;position:relative;display:flex;align-items:center}.navbar a{display:flex;align-items:center;gap:6px;padding:6px 12px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;border-bottom:none;border-radius:10px;white-space:nowrap;flex-shrink:0;justify-content:center;position:relative;z-index:100000}.dropdown>a{z-index:100001}.navbar a .fas,.navbar a .fab,.navbar a .far{font-size:.85em;opacity:.9}.navbar a .fa-chevron-down{font-size:.75em;margin-left:4px;transition:transform .3s ease,color .3s ease;color:rgba(163,180,252,0.9)}.dropdown:hover>a .fa-chevron-down{transform:rotate(180deg);color:rgba(163,180,252,1)}.navbar a:hover .fa-chevron-down{color:rgba(163,180,252,1)}.navbar a:hover{background:rgba(0,0,0,0.25);color:#fff;border-bottom:none;box-shadow:none;border-radius:15px}.navbar a:hover .fas,.navbar a:hover .fab,.navbar a:hover .far{opacity:1}.navbar .nav-btn-wrapper{display:flex;align-items:center;margin:0}.navbar .userpanel-nav-wrapper{position:relative}.navbar .userpanel-nav-chevron{font-size:11px;margin-left:2px;opacity:.9;transition:transform .2s ease,opacity .2s ease}.navbar .userpanel-nav-wrapper.is-open .userpanel-nav-chevron{transform:rotate(180deg);opacity:1}.navbar .userpanel-nav-panel{position:absolute;top:calc(100% + 10px);right:4px;width:320px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,0.18);background:linear-gradient(180deg,rgba(15,23,42,0.96),rgba(30,41,59,0.95)) padding-box,linear-gradient(135deg,rgba(99,102,241,0.28),rgba(168,85,159,0.2)) border-box;box-shadow:0 22px 48px rgba(2,6,23,0.42),0 0 0 1px rgba(255,255,255,0.04) inset;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(0.98);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:100010}.navbar .userpanel-nav-wrapper.is-open .userpanel-nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.navbar .userpanel-nav-panel::before{content:'';position:absolute;top:-7px;right:28px;width:14px;height:14px;transform:rotate(45deg);background:rgba(19,28,45,0.95);border-left:1px solid rgba(255,255,255,0.12);border-top:1px solid rgba(255,255,255,0.12)}.navbar .userpanel-nav-panel-header{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;padding:2px 2px 8px 2px;border-bottom:1px solid rgba(148,163,184,0.16)}.navbar .userpanel-nav-panel-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(148,163,184,0.95)}.navbar .userpanel-nav-panel-title{font-size:14px;font-weight:700;color:#f8fafc}.navbar .userpanel-nav-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.navbar .userpanel-nav-item{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border-radius:12px;border:1px solid transparent;color:#e2e8f0;text-decoration:none;background:rgba(148,163,184,0.06);transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.navbar .userpanel-nav-item:hover{background:rgba(99,102,241,0.14);border-color:rgba(99,102,241,0.24);color:#fff;transform:translateY(-1px);box-shadow:0 10px 18px rgba(15,23,42,0.22)}.navbar .userpanel-nav-item.is-active{background:rgba(99,102,241,0.17);border-color:rgba(129,140,248,0.28);color:#fff;box-shadow:0 0 0 1px rgba(129,140,248,0.08) inset,0 8px 14px rgba(15,23,42,0.16)}.navbar .userpanel-nav-item.is-active .userpanel-nav-item-icon{background:rgba(79,70,229,0.18);border-color:rgba(129,140,248,0.2)}.navbar .userpanel-nav-item.is-active .userpanel-nav-item-icon i{color:#fff}.navbar .userpanel-nav-item-icon{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(15,23,42,0.45);border:1px solid rgba(148,163,184,0.12)}.navbar .userpanel-nav-item-icon i{font-size:13px;color:rgba(226,232,240,0.95)}.navbar .userpanel-nav-item-text{min-width:0;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.theme-light .navbar .userpanel-nav-panel{border-color:rgba(99,102,241,0.16);background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(241,245,249,0.97)) padding-box,linear-gradient(135deg,rgba(99,102,241,0.18),rgba(168,85,159,0.12)) border-box;box-shadow:0 22px 44px rgba(15,23,42,0.12),0 0 0 1px rgba(255,255,255,0.75) inset}body.theme-light .navbar .userpanel-nav-panel::before{background:rgba(250,252,255,0.98);border-left-color:rgba(99,102,241,0.12);border-top-color:rgba(99,102,241,0.12)}body.theme-light .navbar .userpanel-nav-panel-header{border-bottom-color:rgba(148,163,184,0.2)}body.theme-light .navbar .userpanel-nav-panel-kicker{color:#64748b}body.theme-light .navbar .userpanel-nav-panel-title{color:#0f172a}body.theme-light .navbar .userpanel-nav-item{color:#334155;background:rgba(99,102,241,0.05)}body.theme-light .navbar .userpanel-nav-item:hover{color:#0f172a;background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.18);box-shadow:0 8px 16px rgba(15,23,42,0.08)}body.theme-light .navbar .userpanel-nav-item.is-active{color:#0f172a;background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.22);box-shadow:0 0 0 1px rgba(255,255,255,0.7) inset,0 6px 12px rgba(15,23,42,0.06)}body.theme-light .navbar .userpanel-nav-item.is-active .userpanel-nav-item-icon{background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.16)}body.theme-light .navbar .userpanel-nav-item.is-active .userpanel-nav-item-icon i{color:#334155}body.theme-light .navbar .userpanel-nav-item-icon{background:rgba(99,102,241,0.08);border-color:rgba(99,102,241,0.12)}body.theme-light .navbar .userpanel-nav-item-icon i{color:#475569}.navbar .nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 20px;margin:0 4px;border:2px solid rgba(255,255,255,0.2);border-radius:12px;background:rgba(0,0,0,0.25);backdrop-filter:blur(10px);color:#fff;font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.navbar .nav-btn:hover{background:rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.35);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.navbar .nav-btn-primary{background:linear-gradient(135deg,rgba(255,255,255,0.25) 0,rgba(255,255,255,0.15) 100%);border:2px solid rgba(255,255,255,0.4);box-shadow:0 4px 16px rgba(255,255,255,0.15),0 0 0 1px rgba(255,255,255,0.1) inset,inset 0 1px 0 rgba(255,255,255,0.2);position:relative;overflow:hidden;font-weight:700;letter-spacing:.5px}.navbar .nav-btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left .6s ease}.navbar .nav-btn-primary:hover::before{left:100%}.navbar .nav-btn-primary:hover{background:linear-gradient(135deg,rgba(255,255,255,0.35) 0,rgba(255,255,255,0.25) 100%);border-color:rgba(255,255,255,0.5);box-shadow:0 6px 20px rgba(255,255,255,0.25),0 0 0 1px rgba(255,255,255,0.2) inset,inset 0 1px 0 rgba(255,255,255,0.3)}.navbar .nav-btn .fas,.navbar .nav-btn .fab,.navbar .nav-btn .far{font-size:.9em;opacity:.95}.navbar .nav-btn:hover .fas,.navbar .nav-btn:hover .fab,.navbar .nav-btn:hover .far{opacity:1}.dropdown{position:relative}.dropdown:hover>a{background:rgba(0,0,0,0.25);border-bottom:none;border-radius:10px}.navbar .dropdown>.dropdown-content{top:100%;left:0;margin-top:8px}.navbar .mega-menu>.mega-menu-content{top:100%;margin-top:8px}.mega-menu::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100%;min-width:200px;height:16px;background:transparent;pointer-events:none;z-index:99998}.mega-menu.is-open::after{pointer-events:auto}.dropdown-content{display:block;position:absolute;top:100%;left:0;margin-top:8px;background:linear-gradient(135deg,rgba(184,84,80,0.12) 0,rgba(168,85,159,0.1) 30%,rgba(139,111,168,0.08) 50%,rgba(123,136,199,0.1) 70%,rgba(99,102,241,0.12) 85%,rgba(129,140,248,0.12) 100%),var(--dropdown-bg);width:300px;max-width:min(300px,calc(100vw - 40px));min-width:260px;box-shadow:0 15px 40px rgba(0,0,0,0.25),0 5px 15px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.05) inset;border:1px solid var(--border-color);border-radius:14px;z-index:99999;padding:6px;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .08s ease-out,visibility .08s,width .22s cubic-bezier(0.4,0,0.2,1),height .22s cubic-bezier(0.4,0,0.2,1)}.dropdown.is-open>.dropdown-content{opacity:1;visibility:visible;pointer-events:auto}.dropdown::after{content:'';position:absolute;top:100%;left:0;width:100%;height:16px;background:transparent;pointer-events:none;z-index:99998}.dropdown.is-open::after{pointer-events:auto}.dropdown-content.is-morphing{transition:opacity .08s ease-out,visibility .08s,width .22s cubic-bezier(0.4,0,0.2,1),height .22s cubic-bezier(0.4,0,0.2,1)}body.theme-dark .dropdown-content{box-shadow:0 15px 40px rgba(0,0,0,0.4),0 5px 15px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.08) inset}.mega-menu-content{width:auto;min-width:min(650px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:28px 24px;left:50%;right:auto;margin-left:0;transform:translateX(-50%);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,0.3),0 8px 20px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.05) inset;opacity:0;pointer-events:none;transition:opacity .08s ease-out,visibility .08s,width .25s cubic-bezier(0.4,0,0.2,1),height .25s cubic-bezier(0.4,0,0.2,1),min-width .25s cubic-bezier(0.4,0,0.2,1);visibility:hidden;backdrop-filter:blur(16px);background:linear-gradient(135deg,rgba(184,84,80,0.12) 0,rgba(168,85,159,0.1) 30%,rgba(139,111,168,0.08) 50%,rgba(123,136,199,0.1) 70%,rgba(99,102,241,0.12) 85%,rgba(129,140,248,0.12) 100%),var(--dropdown-bg);display:block;position:absolute;top:100%;margin-top:8px;will-change:opacity,visibility;z-index:99999;box-sizing:border-box;overflow-x:hidden;max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain}body.theme-dark .mega-menu-content{box-shadow:0 25px 70px rgba(0,0,0,0.5),0 10px 30px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.08) inset}.mega-menu-content.is-visible{opacity:1;pointer-events:auto;visibility:visible}.mega-menu-content.is-morphing,.dropdown-content.is-morphing{transition:opacity .08s ease-out,visibility .08s,width .22s cubic-bezier(0.4,0,0.2,1),height .22s cubic-bezier(0.4,0,0.2,1),min-width .22s cubic-bezier(0.4,0,0.2,1);overflow:clip;pointer-events:auto !important}.mega-menu-content.is-morphing .mega-menu-categories,.dropdown-content.is-morphing>*{opacity:.85;transition:opacity .1s ease-out}.mega-menu-content.is-visible:not(.is-morphing) .mega-menu-categories,.dropdown-content:not(.is-morphing)>*{opacity:1;transition:opacity .1s ease-out}.mega-menu-content::before{content:'';position:absolute;top:-16px;left:0;width:100%;height:16px;background:transparent;pointer-events:none;z-index:99998}.mega-menu-content.is-visible::before{pointer-events:auto}.mega-menu-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;width:100%;align-items:start;justify-items:start;pointer-events:auto}.mega-menu-category{display:flex;flex-direction:column;gap:0;min-width:0;width:100%;align-items:flex-start}.mega-menu-category-header{display:flex;align-items:center;gap:11px;padding:0 0 13px 0;margin-bottom:13px;border-bottom:2px solid var(--border-color);position:relative}.mega-menu-category-header::after{content:'';position:absolute;bottom:-2px;left:0;width:32px;height:2px;background:linear-gradient(90deg,var(--primary-blue),rgba(99,102,241,0.3));border-radius:2px;transition:width .3s ease}.mega-menu-category:hover .mega-menu-category-header::after{width:50px}.mega-menu-category-header i{font-size:19px;color:var(--primary-blue);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(99,102,241,0.08));border-radius:9px;flex-shrink:0;box-shadow:0 2px 5px rgba(99,102,241,0.12);transition:all .3s cubic-bezier(0.4,0,0.2,1)}.mega-menu-category:hover .mega-menu-category-header i{transform:scale(1.08);box-shadow:0 3px 8px rgba(99,102,241,0.2);background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(99,102,241,0.12))}.mega-menu-category-title{font-size:15px;font-weight:700;color:var(--text-color);margin:0;padding:0;line-height:1.4;letter-spacing:-0.01em;text-align:left;flex:1}.mega-menu-category-items{display:flex;flex-direction:column;gap:2px;padding-top:1px;margin-left:0;width:100%;align-items:flex-start}.mega-menu-category-item{display:flex;align-items:center;justify-content:flex-start;padding:10px 12px 10px 12px;color:var(--text-color);text-decoration:none;border-radius:8px;transition:all .25s cubic-bezier(0.4,0,0.2,1);background:transparent;font-size:14px;font-weight:500;position:relative;overflow:hidden;margin:0;min-height:42px;box-sizing:border-box;text-align:left;width:100%}.mega-menu-category-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(0);width:3px;height:55%;background:linear-gradient(180deg,var(--primary-blue),rgba(99,102,241,0.5));border-radius:0 2px 2px 0;transition:transform .25s cubic-bezier(0.4,0,0.2,1);opacity:0}.mega-menu-category-item::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(99,102,241,0.08),transparent);opacity:0;transition:opacity .25s cubic-bezier(0.4,0,0.2,1);border-radius:8px}.mega-menu-category-item:hover{background:linear-gradient(135deg,rgba(99,102,241,0.14) 0,rgba(123,136,199,0.11) 50%,rgba(129,140,248,0.14) 100%);color:var(--text-color);padding-left:16px;transform:translateX(4px);box-shadow:0 2px 6px rgba(99,102,241,0.12)}.mega-menu-category-item:hover::before{transform:translateY(-50%) scaleX(1);opacity:1}.mega-menu-category-item:hover::after{opacity:1}body.theme-light .mega-menu-category-item:hover{background:linear-gradient(135deg,rgba(99,102,241,0.11) 0,rgba(123,136,199,0.09) 50%,rgba(129,140,248,0.11) 100%);box-shadow:0 2px 5px rgba(99,102,241,0.1)}.mega-menu-item-text{line-height:1.5;color:inherit;position:relative;z-index:1;letter-spacing:-0.01em;text-align:left;width:100%;display:block}.mega-menu-standalone{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);grid-column:1 / -1}.mega-menu-standalone-item{display:flex;align-items:center;gap:14px;padding:14px 18px;color:var(--text-color);text-decoration:none;border-radius:12px;transition:all .25s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(99,102,241,0.04));font-size:14.5px;font-weight:600;border:1px solid rgba(99,102,241,0.2)}.mega-menu-standalone-item:hover{background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(99,102,241,0.08));color:var(--text-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,0.25);border-color:rgba(99,102,241,0.4)}body.theme-light .mega-menu-standalone-item{background:linear-gradient(135deg,rgba(99,102,241,0.06),rgba(99,102,241,0.02));border-color:rgba(99,102,241,0.15)}body.theme-light .mega-menu-standalone-item:hover{background:linear-gradient(135deg,rgba(99,102,241,0.12),rgba(99,102,241,0.06));box-shadow:0 4px 16px rgba(99,102,241,0.2)}.navbar li:last-child .dropdown-content:not(.mega-menu-content),.navbar li:nth-last-child(2) .dropdown-content:not(.mega-menu-content),.navbar li:nth-last-child(3) .dropdown-content:not(.mega-menu-content){left:auto;right:0}.navbar li:last-child .mega-menu-content,.navbar li:nth-last-child(2) .mega-menu-content,.navbar li:nth-last-child(3) .mega-menu-content{left:50%;right:auto;transform:translateX(-50%)}.dropdown-content a{padding:11px 14px;color:var(--text-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-start;gap:12px;transition:all .25s cubic-bezier(0.4,0,0.2,1);min-width:0;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:2;background:transparent;overflow:hidden;pointer-events:auto;border-radius:8px;margin-bottom:2px;min-height:44px;text-align:left}.dropdown-content a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(0);width:3px;height:55%;background:linear-gradient(180deg,var(--primary-blue),rgba(99,102,241,0.6));border-radius:0 2px 2px 0;transition:transform .2s cubic-bezier(0.4,0,0.2,1);opacity:0}.dropdown-content a::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(99,102,241,0.1),transparent);opacity:0;transition:opacity .2s ease;border-radius:8px}.dropdown-content a:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-content a:last-child{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:0}.dropdown-content a:hover{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0,rgba(123,136,199,0.12) 50%,rgba(129,140,248,0.15) 100%) !important;color:var(--text-color) !important;padding-left:16px;transform:translateX(4px);box-shadow:0 2px 6px rgba(99,102,241,0.15)}.dropdown-content a:hover::before{transform:translateY(-50%) scaleX(1);opacity:1}.dropdown-content a:hover::after{opacity:1}body.theme-light .dropdown-content a:hover{background:linear-gradient(135deg,rgba(99,102,241,0.12) 0,rgba(123,136,199,0.1) 50%,rgba(129,140,248,0.12) 100%) !important;box-shadow:0 2px 5px rgba(99,102,241,0.12)}.dropdown-content a .dropdown-icon{flex-shrink:0;flex-grow:0;width:20px;min-width:20px;text-align:center;font-size:1.1em;color:var(--primary-blue);transition:all .2s ease;position:relative;margin:0;padding:0;z-index:1}.dropdown-content a:hover .dropdown-icon{color:var(--primary-blue);transform:scale(1.1)}.dropdown-content a .dropdown-text{flex:1;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;min-width:0;max-width:100%;line-height:1.5;hyphens:auto;overflow:visible;display:block;position:relative;z-index:1;text-align:left}.dropdown-content a .fi{flex-shrink:0;width:20px;text-align:center;font-size:1.1em}.dropdown-content a .fas.fa-check{margin-left:auto;color:var(--primary-blue)}@media (max-width:750px){.mega-menu:hover .mega-menu-content,.mega-menu-content:hover{display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important}.mega-menu::after,.mega-menu-content::before,.dropdown::after{display:none !important;pointer-events:none !important}}.mega-menu:hover .mega-menu-content,.mega-menu-content:hover{display:block !important}@media (max-width:1400px){.navbar a{padding:10px 12px;font-size:.95em}.dropdown-content{max-width:min(300px,calc(100vw - 30px));min-width:260px}.mega-menu-content{min-width:min(700px,calc(100vw - 24px));padding:36px 32px}.mega-menu-categories{gap:36px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:1200px){.navbar-wrapper{gap:15px;padding-left:8px;padding-right:8px}.navbar a{padding:10px 10px;font-size:.9em}.dropdown-content{max-width:min(280px,calc(100vw - 20px));min-width:240px}.navbar li:nth-last-child(4) .dropdown-content{left:auto;right:0}.mega-menu-content{min-width:min(650px,calc(100vw - 24px));padding:32px 28px}.mega-menu-categories{gap:32px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media (max-width:1000px){.navbar a{padding:10px 8px;font-size:.85em}.dropdown-content{max-width:min(260px,calc(100vw - 16px));min-width:220px}.navbar li:nth-last-child(5) .dropdown-content{left:auto;right:0}}.nav-toggle{display:none;background:transparent !important;border:none !important;color:#fff !important;padding:12px;cursor:pointer;transition:opacity .2s ease;outline:none !important;-webkit-tap-highlight-color:transparent;position:relative;width:44px;height:44px;align-items:center;justify-content:center}.nav-toggle:hover{opacity:.8}.nav-toggle:active{background:transparent !important}.nav-toggle:focus{outline:none !important;background:transparent !important}.nav-toggle span{position:absolute;left:50%;transform:translateX(-50%);display:block;width:26px;height:2px;background-color:#fff !important;transition:all .3s ease;border-radius:2px}.nav-toggle span:nth-child(1){top:12px}.nav-toggle span:nth-child(2){top:19px}.nav-toggle span:nth-child(3){top:26px}.nav-toggle[aria-expanded='true'] span:nth-child(1){top:19px;transform:translateX(-50%) rotate(45deg)}.nav-toggle[aria-expanded='true'] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded='true'] span:nth-child(3){top:19px;transform:translateX(-50%) rotate(-45deg)}.dropdown-content a.active{background:rgba(74,158,255,0.1);color:#4a9eff}.language-dropdown .language-dropdown-content{display:none;grid-template-columns:repeat(3,1fr);min-width:520px;max-width:600px;gap:0;padding:8px 0;right:0;left:auto;transform:translateX(0);z-index:99999}.language-dropdown .language-dropdown-content a{padding:10px 16px;border-bottom:none !important;border-right:1px solid var(--border-color);border-radius:0 !important;align-items:center !important;display:flex !important;justify-content:flex-start;gap:8px;min-width:0;overflow:hidden}.language-dropdown .language-dropdown-content a .fas.fa-check{margin-left:auto;flex-shrink:0;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;align-self:center;color:var(--primary-blue);min-width:16px}.language-dropdown .language-dropdown-content a .language-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-dropdown .language-dropdown-content a:nth-child(3n){border-right:none}.language-dropdown .language-dropdown-content a:hover{background:rgba(74,158,255,0.08) !important}.language-dropdown .language-dropdown-content a .fi{flex-shrink:0;width:20px;height:20px;display:inline-block;vertical-align:middle;margin:0;align-self:center}.language-dropdown .language-dropdown-content a .fas.fa-check{margin-left:auto;flex-shrink:0;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;align-self:center;color:var(--primary-blue);min-width:16px}.language-dropdown .language-dropdown-content a>*:not(.fi):not(.fa-check){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:751px){.language-dropdown.is-open .language-dropdown-content{display:grid !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important}}@media (max-width:750px){.language-dropdown:hover .language-dropdown-content,.language-dropdown-content:hover,.navbar .language-dropdown:hover .language-dropdown-content,.navbar .language-dropdown-content:hover{display:none !important;max-height:0 !important;opacity:0 !important;overflow:hidden !important;height:0 !important;grid-template-columns:none !important}.language-dropdown.open .language-dropdown-content,.language-dropdown.open:hover .language-dropdown-content,.language-dropdown.open .language-dropdown-content:hover,.language-dropdown.open:hover .language-dropdown-content:hover,.navbar .language-dropdown.open .language-dropdown-content,.navbar .language-dropdown.open:hover .language-dropdown-content,.navbar .language-dropdown.open .language-dropdown-content:hover,.navbar .language-dropdown.open:hover .language-dropdown-content:hover{display:grid !important;max-height:300px !important;height:300px !important;min-height:300px !important;opacity:1 !important;overflow-y:scroll !important;overflow-x:hidden !important}}.blog-dropdown .blog-dropdown-content{min-width:360px;max-width:430px;padding:10px}.blog-dropdown .blog-dropdown-content a{padding:10px 12px}.blog-dropdown .blog-dropdown-content a.blog-dropdown-post{--blog-accent-rgb:56,189,248;display:flex;align-items:center;gap:12px;border:0;background:linear-gradient(90deg,rgba(var(--blog-accent-rgb),0.16) 0,rgba(var(--blog-accent-rgb),0.06) 45%,rgba(var(--blog-accent-rgb),0.02) 100%);border-radius:8px;margin-bottom:2px;min-height:80px;box-shadow:none}.blog-dropdown .blog-dropdown-content a.blog-dropdown-post.blog-accent-1{--blog-accent-rgb:56,189,248}.blog-dropdown .blog-dropdown-content a.blog-dropdown-post.blog-accent-2{--blog-accent-rgb:167,139,250}.blog-dropdown .blog-dropdown-content a.blog-dropdown-post.blog-accent-3{--blog-accent-rgb:34,197,94}.blog-dropdown .blog-dropdown-content a.blog-dropdown-post.blog-accent-4{--blog-accent-rgb:245,158,11}body.theme-light .blog-dropdown .blog-dropdown-content a.blog-dropdown-post{background:linear-gradient(90deg,rgba(var(--blog-accent-rgb),0.14) 0,rgba(var(--blog-accent-rgb),0.05) 50%,rgba(var(--blog-accent-rgb),0.02) 100%);border-color:transparent}.blog-dropdown .blog-dropdown-content a.blog-dropdown-post:hover{background:linear-gradient(90deg,rgba(var(--blog-accent-rgb),0.24) 0,rgba(var(--blog-accent-rgb),0.11) 50%,rgba(var(--blog-accent-rgb),0.05) 100%) !important;border-color:transparent;transform:none;padding-left:12px;box-shadow:none}body.theme-light .blog-dropdown .blog-dropdown-content a.blog-dropdown-post:hover{background:linear-gradient(90deg,rgba(var(--blog-accent-rgb),0.2) 0,rgba(var(--blog-accent-rgb),0.09) 52%,rgba(var(--blog-accent-rgb),0.04) 100%) !important;border-color:transparent}.blog-dropdown .blog-dropdown-content a.blog-dropdown-post::before,.blog-dropdown .blog-dropdown-content a.blog-dropdown-post::after{display:none !important}.blog-dropdown-thumb-wrap{flex:0 0 86px}.blog-dropdown-thumb{width:86px;height:60px;display:block;border-radius:8px;object-fit:cover;border:1px solid rgba(148,163,184,0.25);background:rgba(15,23,42,0.2)}.blog-dropdown-thumb-fallback{display:inline-flex;align-items:center;justify-content:center;color:rgba(224,242,254,0.95);background:linear-gradient(135deg,rgba(56,189,248,0.6),rgba(59,130,246,0.6))}body.theme-light .blog-dropdown-thumb-fallback{color:#fff}.blog-dropdown-thumb-fallback i{font-size:18px}.blog-dropdown-item-body{min-width:0;display:flex;flex-direction:column;gap:4px}.blog-dropdown-item-title{display:block;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word;font-size:17px;font-weight:400;line-height:1.25;color:var(--text-color)}.blog-dropdown-item-meta{font-size:12px;font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.4px}.blog-dropdown-divider{height:1px;margin:6px 2px 8px;background:linear-gradient(90deg,transparent,rgba(148,163,184,0.5),transparent)}.blog-dropdown .blog-dropdown-content a.blog-all-posts{display:grid;grid-template-columns:20px 1fr;align-items:center;column-gap:10px;border:1px solid rgba(74,158,255,0.4);border-bottom:1px solid rgba(74,158,255,0.62);margin-top:0;padding:12px 12px;font-weight:700;border-radius:10px;background:linear-gradient(135deg,rgba(74,158,255,0.2),rgba(74,158,255,0.08));box-shadow:0 6px 18px rgba(59,130,246,0.2)}.blog-dropdown .blog-dropdown-content a.blog-all-posts:last-child{border-bottom:1px solid rgba(74,158,255,0.62) !important}.blog-dropdown .blog-dropdown-content a.blog-all-posts:hover{background:linear-gradient(135deg,rgba(74,158,255,0.3),rgba(74,158,255,0.14)) !important;border-color:rgba(74,158,255,0.55);border-bottom-color:rgba(74,158,255,0.75);box-shadow:0 8px 20px rgba(59,130,246,0.28);padding-left:12px;transform:none}.blog-dropdown .blog-dropdown-content a.blog-all-posts::before,.blog-dropdown .blog-dropdown-content a.blog-all-posts::after{display:none !important}.blog-dropdown .blog-dropdown-content a.blog-all-posts .dropdown-icon{width:20px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:0;font-size:14px;line-height:1;vertical-align:middle;color:#fff !important;position:relative;top:2px;transform:none !important}.blog-dropdown .blog-dropdown-content a.blog-all-posts:hover .dropdown-icon{transform:none !important}.blog-dropdown .blog-dropdown-content a.blog-all-posts .dropdown-text{display:block;line-height:20px;align-self:center;margin:0}@media (max-width:750px){.blog-dropdown .blog-dropdown-content{min-width:100%;max-width:100%;padding:8px}.blog-dropdown-thumb-wrap{flex-basis:76px}.blog-dropdown-thumb{width:76px;height:54px}.blog-dropdown-item-title{font-size:15px}}.navbar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(2px)}.navbar-overlay.is-open{display:block;opacity:1}.mobile-theme-switcher{display:none !important}@media (max-width:750px){.nav-toggle{display:inline-flex !important;align-items:center;justify-content:center;gap:0}.navbar-wrapper{display:flex !important;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;padding:8px 0;padding-left:0;padding-right:0;position:relative;width:100%;max-width:100% !important;box-sizing:border-box}.navbar-logo{display:flex !important;padding:8px 12px;font-size:1.15em;flex:0 1 auto;min-width:0;max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-wrapper{height:64px;min-height:64px;max-height:64px;display:flex;align-items:center;max-width:100% !important;padding-left:0 !important;padding-right:0 !important}.theme-toggle-navbar{display:inline-flex !important;align-items:center;justify-content:center;position:absolute;right:68px;top:9px;width:48px;height:48px;background:transparent !important;border:none !important;cursor:pointer;z-index:1001;padding:12px;margin:0;transition:opacity .2s ease,transform .2s ease;outline:none !important;-webkit-tap-highlight-color:transparent;line-height:1;vertical-align:top}.theme-toggle-navbar:hover{opacity:.8}.theme-toggle-navbar:active{opacity:.8}.theme-toggle-navbar .fa-moon,.theme-toggle-navbar .fa-sun{font-size:22px;color:#fff;transition:opacity .3s ease,visibility .3s ease;line-height:1;position:absolute;left:50%;transform:translate(-50%,-50%)}.theme-toggle-navbar .fa-moon{top:50%}.theme-toggle-navbar .fa-sun{top:49.5%}body.theme-dark .theme-toggle-navbar .fa-moon{opacity:1;visibility:visible}body.theme-dark .theme-toggle-navbar .fa-sun{opacity:0;visibility:hidden}body.theme-light .theme-toggle-navbar .fa-moon{opacity:0;visibility:hidden}body.theme-light .theme-toggle-navbar .fa-sun{opacity:1;visibility:visible}.nav-toggle{flex-shrink:0;margin:0;padding:12px;pointer-events:auto;position:absolute;right:10px;top:12px;z-index:1001;cursor:pointer;width:44px;height:44px;min-width:44px;min-height:44px;display:flex !important;align-items:center;justify-content:center;background:transparent !important;border:none !important}.nav-toggle span{background-color:#fff !important;top:auto !important}.nav-toggle span:nth-child(1){top:12px !important}.nav-toggle span:nth-child(2){top:19px !important}.nav-toggle span:nth-child(3){top:26px !important}.nav-toggle[aria-expanded='true'] span:nth-child(1){top:19px !important}.nav-toggle[aria-expanded='true'] span:nth-child(3){top:19px !important}.navbar ul{position:absolute;top:100%;left:0;right:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background:linear-gradient(135deg,rgba(184,84,80,0.28) 0,rgba(168,85,159,0.24) 30%,rgba(139,111,168,0.22) 50%,rgba(123,136,199,0.24) 70%,rgba(99,102,241,0.28) 85%,rgba(129,140,248,0.28) 100%),var(--container-bg);margin:0;padding:0;border-top:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.2);overflow:hidden;z-index:1000;width:100%;box-sizing:border-box;pointer-events:auto;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease;display:flex !important}.navbar ul.is-open{max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);opacity:1;padding:15px 0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.navbar li{width:100%;display:flex;flex-direction:column;position:relative;z-index:1;pointer-events:auto}.navbar a{padding:14px 20px;color:var(--text-color);border-bottom:1px solid var(--border-color);width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;cursor:pointer;position:relative;z-index:1;font-size:1em;transition:background .2s ease,padding .2s ease}.navbar a:hover,.navbar a:active{background:linear-gradient(135deg,rgba(184,84,80,0.35) 0,rgba(168,85,159,0.32) 30%,rgba(139,111,168,0.3) 50%,rgba(123,136,199,0.32) 70%,rgba(99,102,241,0.35) 85%,rgba(129,140,248,0.35) 100%);border-bottom:1px solid var(--border-color);padding-left:25px}body.theme-light .navbar a:hover,body.theme-light .navbar a:active{background:linear-gradient(135deg,rgba(184,84,80,0.3) 0,rgba(168,85,159,0.26) 30%,rgba(139,111,168,0.24) 50%,rgba(123,136,199,0.26) 70%,rgba(99,102,241,0.3) 85%,rgba(129,140,248,0.3) 100%);border-bottom:1px solid var(--border-color)}body.theme-light .navbar a{color:var(--text-color)}.navbar li:last-child a,.navbar a:last-child{border-bottom:none}.navbar .dropdown>a,.navbar .mega-menu>a{font-weight:600}.navbar .dropdown>a .fa-chevron-down,.navbar .mega-menu>a .fa-chevron-down{margin-left:auto;color:var(--primary-blue);transition:transform .3s ease;font-size:.8em;padding:4px}.navbar .dropdown.open>a .fa-chevron-down,.navbar .mega-menu.open>a .fa-chevron-down{transform:rotate(180deg)}.navbar .dropdown.open>a,.navbar .mega-menu.open>a{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0,rgba(123,136,199,0.12) 50%,rgba(129,140,248,0.15) 100%);border-left:3px solid var(--primary-blue);padding-left:17px}.navbar .nav-btn-wrapper{width:100%;margin:0;padding:0}.navbar .nav-btn{width:calc(100% - 40px);margin:8px 20px;padding:14px 20px;border-radius:var(--radius-medium);background:rgba(0,0,0,0.3);border:2px solid rgba(255,255,255,0.2);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.2);justify-content:center}.navbar .nav-btn:hover{background:rgba(0,0,0,0.45);border-color:rgba(255,255,255,0.35);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.navbar .nav-btn-primary{background:linear-gradient(135deg,rgba(255,255,255,0.25) 0,rgba(255,255,255,0.15) 100%);border:2px solid rgba(255,255,255,0.4);color:#fff;font-weight:700;letter-spacing:.5px}.navbar .nav-btn-primary:hover{background:linear-gradient(135deg,rgba(255,255,255,0.35) 0,rgba(255,255,255,0.25) 100%);border-color:rgba(255,255,255,0.5);color:#fff}body.theme-light .navbar .nav-btn{background:rgba(0,0,0,0.2);color:var(--text-color)}body.theme-light .navbar .nav-btn:hover{background:rgba(0,0,0,0.35);border-color:rgba(0,0,0,0.3)}.navbar .userpanel-nav-wrapper{width:100%;align-items:stretch}.navbar .userpanel-nav-panel{position:static;top:auto;right:auto;width:calc(100% - 40px);margin:8px 20px 10px 20px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,0.14);background:linear-gradient(135deg,rgba(99,102,241,0.09) 0,rgba(168,85,159,0.07) 45%,rgba(129,140,248,0.08) 100%),var(--container-bg);box-shadow:0 14px 28px rgba(15,23,42,0.18),0 0 0 1px rgba(255,255,255,0.03) inset;transform:none;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .25s ease,opacity .2s ease,visibility .2s ease}.navbar .userpanel-nav-panel::before{display:none}.navbar .userpanel-nav-wrapper.is-open .userpanel-nav-panel{max-height:520px;opacity:1;visibility:visible;pointer-events:auto}.navbar .userpanel-nav-panel-header{margin-bottom:8px;padding:2px 2px 8px 2px}.navbar .userpanel-nav-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.navbar .userpanel-nav-panel a.userpanel-nav-item{border-bottom:none !important;width:100% !important;justify-content:flex-start !important;padding:10px 12px !important;border-radius:12px;background:rgba(148,163,184,0.08) !important;border:1px solid rgba(148,163,184,0.14);color:var(--text-color);box-shadow:none;gap:10px}.navbar .userpanel-nav-panel a.userpanel-nav-item:hover,.navbar .userpanel-nav-panel a.userpanel-nav-item:active{padding:10px 12px !important;background:rgba(99,102,241,0.14) !important;border-color:rgba(99,102,241,0.2);box-shadow:0 8px 16px rgba(15,23,42,0.08);transform:none}.navbar .userpanel-nav-panel a.userpanel-nav-item.is-active{background:rgba(99,102,241,0.16) !important;border-color:rgba(99,102,241,0.22);box-shadow:0 6px 12px rgba(15,23,42,0.07)}.navbar .userpanel-nav-item-text{white-space:normal;overflow:visible;text-overflow:initial}body.theme-light .navbar .userpanel-nav-panel{border-color:rgba(99,102,241,0.14);background:linear-gradient(135deg,rgba(99,102,241,0.06) 0,rgba(168,85,159,0.04) 45%,rgba(129,140,248,0.05) 100%),var(--container-bg);box-shadow:0 14px 24px rgba(15,23,42,0.06),0 0 0 1px rgba(255,255,255,0.7) inset}body.theme-light .navbar .userpanel-nav-panel a.userpanel-nav-item{background:rgba(99,102,241,0.05) !important;border-color:rgba(99,102,241,0.1)}body.theme-light .navbar .userpanel-nav-panel a.userpanel-nav-item:hover,body.theme-light .navbar .userpanel-nav-panel a.userpanel-nav-item:active{background:rgba(99,102,241,0.1) !important;border-color:rgba(99,102,241,0.16);box-shadow:0 8px 14px rgba(15,23,42,0.05)}body.theme-light .navbar .userpanel-nav-panel a.userpanel-nav-item.is-active{background:rgba(99,102,241,0.12) !important;border-color:rgba(99,102,241,0.18);box-shadow:0 6px 10px rgba(15,23,42,0.04)}.mobile-theme-switcher{margin-top:10px;padding:0 20px;display:block !important}.theme-switcher-mobile{display:flex;justify-content:center;padding:10px 0}.theme-toggle-button-mobile{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;background:var(--container-bg);border:1px solid var(--border-color);border-radius:var(--radius-medium);color:var(--text-color);cursor:pointer;transition:all .2s ease;font-size:.9em;font-weight:500;width:100%;pointer-events:auto;position:relative;z-index:1001}.theme-toggle-button-mobile:hover{background:var(--card-bg);border-color:var(--primary-blue);color:var(--primary-blue)}.theme-toggle-button-mobile .theme-icon{font-size:1.1em;color:var(--primary-blue)}.dropdown-content{position:static !important;left:auto !important;right:auto !important;top:auto !important;border:none !important;box-shadow:none !important;background:linear-gradient(135deg,rgba(184,84,80,0.06) 0,rgba(168,85,159,0.05) 30%,rgba(139,111,168,0.04) 50%,rgba(123,136,199,0.05) 70%,rgba(99,102,241,0.06) 85%,rgba(129,140,248,0.06) 100%),var(--dropdown-bg) !important;margin:0 !important;padding:0 !important;width:100% !important;max-width:100% !important;min-width:0 !important;transform:none !important;z-index:auto !important;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;display:block !important;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease}.dropdown-content::before{display:none !important;pointer-events:none !important}.dropdown-content a{border:none !important;padding:12px 20px 12px 45px !important;border-bottom:1px solid var(--border-color) !important;width:100% !important;box-sizing:border-box !important;display:flex !important;align-items:center !important;pointer-events:auto !important;cursor:pointer !important;position:relative !important;z-index:1 !important;background:linear-gradient(135deg,rgba(99,102,241,0.05) 0,rgba(123,136,199,0.04) 50%,rgba(99,102,241,0.05) 100%) !important;font-size:.95em !important;gap:10px !important;transition:background .2s ease,padding-left .2s ease !important}body.theme-light .dropdown-content a{background:linear-gradient(135deg,rgba(99,102,241,0.04) 0,rgba(123,136,199,0.03) 50%,rgba(99,102,241,0.04) 100%) !important}.dropdown-content a:hover{background:linear-gradient(135deg,rgba(99,102,241,0.18) 0,rgba(123,136,199,0.15) 50%,rgba(129,140,248,0.18) 100%) !important;padding-left:50px !important}body.theme-light .dropdown-content a:hover{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0,rgba(123,136,199,0.12) 50%,rgba(129,140,248,0.15) 100%) !important}.dropdown-content a:last-child{border-bottom:none !important}.mega-menu-content{position:static !important;left:auto !important;right:auto !important;transform:none !important;width:100% !important;max-width:100% !important;min-width:0 !important;padding:20px 0 !important;border-radius:0 !important;box-shadow:none !important;background:linear-gradient(135deg,rgba(184,84,80,0.06) 0,rgba(168,85,159,0.05) 30%,rgba(139,111,168,0.04) 50%,rgba(123,136,199,0.05) 70%,rgba(99,102,241,0.06) 85%,rgba(129,140,248,0.06) 100%),var(--dropdown-bg) !important;backdrop-filter:none !important;animation:none !important;display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;max-height:0 !important;overflow:hidden !important;transition:max-height .3s ease,opacity .3s ease,visibility .3s !important}.mega-menu.open .mega-menu-content{display:block !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;max-height:60vh !important;max-height:60dvh !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:8px !important}.mega-menu:hover .mega-menu-content{display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;max-height:0 !important;overflow:hidden !important}.mega-menu.open:hover .mega-menu-content{display:block !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;max-height:60vh !important;max-height:60dvh !important;overflow-y:auto !important;overflow-x:hidden !important}.mega-menu-categories{grid-template-columns:1fr !important;gap:20px !important;padding:0 16px 16px 16px !important}.mega-menu.open .mega-menu-content{background:linear-gradient(to bottom,var(--dropdown-bg) 0,transparent 20px) top / 100% 20px no-repeat,linear-gradient(to top,var(--dropdown-bg) 0,transparent 20px) bottom / 100% 20px no-repeat,linear-gradient(135deg,rgba(184,84,80,0.06) 0,rgba(168,85,159,0.05) 30%,rgba(139,111,168,0.04) 50%,rgba(123,136,199,0.05) 70%,rgba(99,102,241,0.06) 85%,rgba(129,140,248,0.06) 100%),var(--dropdown-bg) !important;background-attachment:local,local,scroll !important}.mega-menu-category{gap:0 !important;background:rgba(0,0,0,0.03) !important;border-radius:12px !important;padding:16px !important;border:1px solid var(--border-color) !important}body.theme-light .mega-menu-category{background:rgba(0,0,0,0.02) !important}.mega-menu-category-header{padding-bottom:14px !important;margin-bottom:14px !important;gap:12px !important}.mega-menu-category-header::after{width:35px !important}.mega-menu-category-header i{font-size:20px !important;width:36px !important;height:36px !important;border-radius:10px !important}.mega-menu-category-title{font-size:16px !important;font-weight:700 !important}.mega-menu-category-items{gap:3px !important;padding-top:0 !important}.mega-menu-category-item{padding:12px 14px !important;font-size:14px !important;border-radius:8px !important;min-height:48px !important;margin:0 !important;background:linear-gradient(135deg,rgba(99,102,241,0.05) 0,rgba(123,136,199,0.04) 50%,rgba(99,102,241,0.05) 100%) !important}body.theme-light .mega-menu-category-item{background:linear-gradient(135deg,rgba(99,102,241,0.04) 0,rgba(123,136,199,0.03) 50%,rgba(99,102,241,0.04) 100%) !important}.mega-menu-category-item:hover,.mega-menu-category-item:active{transform:none !important;padding-left:16px !important;background:linear-gradient(135deg,rgba(99,102,241,0.18) 0,rgba(123,136,199,0.15) 50%,rgba(129,140,248,0.18) 100%) !important;box-shadow:0 2px 6px rgba(99,102,241,0.15) !important}body.theme-light .mega-menu-category-item:hover,body.theme-light .mega-menu-category-item:active{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0,rgba(123,136,199,0.12) 50%,rgba(129,140,248,0.15) 100%) !important}.mega-menu-category-item::before{width:3px !important;height:50% !important}.mega-menu-item-text{font-size:14px !important;line-height:1.5 !important}.mega-menu-standalone{margin-top:20px !important;padding-top:20px !important;border-top:1px solid var(--border-color) !important;background:transparent !important;border-radius:0 !important;padding:20px 16px !important}.mega-menu-standalone-item{padding:14px 16px !important;font-size:14px !important;border-radius:10px !important;width:100% !important;box-sizing:border-box !important}.mega-menu-standalone-item:hover{transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(99,102,241,0.2) !important}.dropdown-content .dropdown-icon{color:var(--primary-blue);font-size:.9em}.navbar .fi{font-size:1.2em;margin-right:8px}.language-dropdown-content a{justify-content:flex-start !important;align-items:center !important;display:flex !important;gap:8px !important}.language-dropdown-content a .fi{flex-shrink:0 !important;width:20px !important;height:20px !important;display:inline-block !important;vertical-align:middle !important;margin:0 !important;align-self:center !important}.language-dropdown-content a .fa-check{margin-left:auto !important;flex-shrink:0 !important;width:auto !important;height:auto !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;vertical-align:middle !important;align-self:center !important;color:var(--primary-blue) !important}.dropdown.open .dropdown-content{max-height:50vh !important;max-height:50dvh !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;display:block !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.dropdown:hover .dropdown-content:not(.mega-menu-content){max-height:0 !important;opacity:0 !important;overflow:hidden !important}.dropdown.open:hover .dropdown-content:not(.mega-menu-content):not(.language-dropdown-content){max-height:50vh !important;max-height:50dvh !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;display:block !important;overflow-y:auto !important;overflow-x:hidden !important}.navbar ul::-webkit-scrollbar,.mega-menu-content::-webkit-scrollbar,.dropdown-content::-webkit-scrollbar{width:4px}.navbar ul::-webkit-scrollbar-track,.mega-menu-content::-webkit-scrollbar-track,.dropdown-content::-webkit-scrollbar-track{background:transparent}.navbar ul::-webkit-scrollbar-thumb,.mega-menu-content::-webkit-scrollbar-thumb,.dropdown-content::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px;opacity:.5}.navbar ul,.mega-menu-content,.dropdown-content{scrollbar-width:thin;scrollbar-color:var(--primary-blue) transparent}.language-dropdown.open:hover .language-dropdown-content,.language-dropdown.open .language-dropdown-content:hover,.language-dropdown.open:hover .language-dropdown-content:hover,.dropdown.language-dropdown.open:hover .language-dropdown-content{max-height:300px !important;height:300px !important;min-height:300px !important;overflow-y:scroll !important;overflow-x:hidden !important;box-sizing:border-box !important;position:relative !important;overscroll-behavior:contain !important;touch-action:pan-y !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important;scrollbar-color:var(--primary-blue) transparent !important;display:grid !important;opacity:1 !important}.language-dropdown .language-dropdown-content{position:static !important;left:auto !important;right:auto !important;display:none !important;grid-template-columns:1fr !important;min-width:0 !important;max-width:100% !important;width:100% !important;transform:none !important;padding:0 !important;margin:0 !important}.language-dropdown-content{max-height:0 !important;opacity:0 !important;overflow:hidden !important;transition:max-height .3s ease,opacity .3s ease !important}.language-dropdown:not(.open):hover .language-dropdown-content,.language-dropdown:not(.open) .language-dropdown-content:hover{display:none !important;max-height:0 !important;opacity:0 !important;overflow:hidden !important}.language-dropdown.open .language-dropdown-content{max-height:300px !important;height:300px !important;min-height:300px !important;opacity:1 !important;overflow-y:scroll !important;overflow-x:hidden !important;display:grid !important;grid-template-columns:1fr !important;grid-auto-rows:auto !important;-webkit-overflow-scrolling:touch !important;padding-bottom:10px !important;scrollbar-width:thin;scrollbar-color:var(--primary-blue) transparent;position:relative !important;will-change:scroll-position;overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box !important}.language-dropdown.open:hover .language-dropdown-content,.language-dropdown.open .language-dropdown-content:hover,.language-dropdown.open:hover .language-dropdown-content:hover{max-height:300px !important;height:300px !important;min-height:300px !important;display:grid !important;opacity:1 !important;overflow-y:scroll !important;overflow-x:hidden !important;grid-auto-rows:auto !important}.language-dropdown.open .language-dropdown-content::-webkit-scrollbar{width:6px}.language-dropdown.open .language-dropdown-content::-webkit-scrollbar-track{background:transparent}.language-dropdown.open .language-dropdown-content::-webkit-scrollbar-thumb{background-color:var(--primary-blue);border-radius:3px;opacity:.5}.language-dropdown.open .language-dropdown-content::-webkit-scrollbar-thumb:hover{opacity:.8}.language-dropdown.open:hover .language-dropdown-content::-webkit-scrollbar{width:6px}.language-dropdown.open:hover .language-dropdown-content::-webkit-scrollbar-track{background:transparent}.language-dropdown.open:hover .language-dropdown-content::-webkit-scrollbar-thumb{background-color:var(--primary-blue);border-radius:3px;opacity:.5}.language-dropdown.open:hover .language-dropdown-content::-webkit-scrollbar-thumb:hover{opacity:.8}.language-dropdown .language-dropdown-content a{border-right:none !important;border-bottom:1px solid var(--border-color) !important;padding-left:40px !important;padding-right:20px !important}.language-dropdown .language-dropdown-content a:last-child{border-bottom:none !important}}.search-field{display:flex;line-height:28px;align-items:center;position:relative;max-width:190px;--search-height:40px;--search-icon-size:16px}.search-field__input{width:100%;height:var(--search-height) !important;line-height:var(--search-height) !important;padding:0 16px;padding-left:40px !important;padding-right:16px !important;border:2px solid transparent;border-radius:8px;outline:none;background-color:var(--input-bg) !important;color:var(--text-color) !important;transition:.3s ease;box-sizing:border-box;display:block;appearance:none}.search-field__input::placeholder{color:var(--muted-text)}.search-field__input::-webkit-search-cancel-button{cursor:pointer}.search-field__input::-ms-clear{cursor:pointer}.search-field__input:focus,.search-field__input:hover{outline:none;border-color:rgba(0,48,73,0.4) !important;background-color:var(--container-bg) !important;box-shadow:0 0 0 4px rgba(0,48,73,0.1)}.search-field__icon{position:absolute;left:16px;top:calc(var(--search-height) / 2 + 2px);transform:translateY(-50%);width:var(--search-icon-size);height:var(--search-icon-size);display:flex;align-items:center;justify-content:center;color:var(--muted-text);pointer-events:none}.search-field__icon svg{display:block;width:var(--search-icon-size);height:var(--search-icon-size);fill:currentColor}body.theme-dark .search-field__input{background-color:rgba(30,41,59,0.6) !important;border-color:rgba(71,85,105,0.5) !important;color:#e2e8f0 !important}body.theme-dark .search-field__input::placeholder{color:#94a3b8}body.theme-dark .search-field__input:focus,body.theme-dark .search-field__input:hover{background-color:rgba(30,41,59,0.85) !important;border-color:var(--primary-blue) !important;box-shadow:0 0 0 4px rgba(52,152,219,0.15)}body.theme-dark .search-field__icon{color:#94a3b8}:root{--radius-small:4px;--radius-medium:8px;--radius-large:16px;--container-max:1200px;--shadow-strong:0 4px 20px rgba(0,0,0,0.3);--shadow-medium:0 2px 10px rgba(0,0,0,0.15);--underline-height:3px;--navbar-offset:54px;--navbar-gradient:linear-gradient(135deg,#b85450 0,#a8559f 30%,#8b6fa8 50%,#7b88c7 70%,#6366f1 85%,#818cf8 100%);--navbar-underline:linear-gradient(135deg,#c85a5a 0,#b865b0 30%,#9a7ab8 50%,#8b95d0 70%,#7377f5 85%,#9195ff 100%);--btn-gradient:linear-gradient(135deg,#a8559f 0,#8b6fa8 50%,#7b88c7 100%);--btn-gradient-hover:linear-gradient(135deg,#7b88c7 0,#8b6fa8 50%,#a8559f 100%)}body.theme-dark{--bg-gradient:linear-gradient(135deg,#0f172a 0,#1e293b 30%,#334155 60%,#1e293b 100%);--text-color:#e0e0e0;--muted-text:#b8b8b8;--heading-color:#fff;--heading-sub:#a1acf1;--container-bg:#1e293b;--border-color:rgba(67,67,74,0.53);--table-header-bg:#0f172a;--card-bg:#232f43;--info-item-bg:rgba(178,126,215,0.09);--input-bg:#0f172a;--link:#a5b4fc;--link-hover:#6366f1;--blockquote:#6366f1;--dropdown-bg:#1e293b;--shadow-elev:0 4px 20px rgba(0,0,0,0.5);--primary-blue:#a1acf1;--primary-blue-hover:#8a98f5;--accent-blue:#a5b4fc;--accent-blue-light:#e3e8ff;--light-blue-text:#d5b5ff;--link:var(--accent-blue);--link-hover:var(--primary-blue);--blockquote:var(--primary-blue);--bg-dark:#18212f;--footer-bottom-bg:#1a2332;--footer-border:#334155;--footer-section-bg:linear-gradient(135deg,#1f2a3c 0,#232f43 100%);--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--card-header-bg:#1e293b;--item-bg:#1e293b;--item-hover-bg:#2a3a52;--primary-color:#4d9fff;--primary-hover:#0d6efd;--primary-shadow:rgba(13,110,253,0.4);--info-text:#a3d5f0;--info-bg:#1a4a5e;--info-border:#2d5f74;--shadow-color:rgba(0,123,255,0.3)}body.theme-light{--bg-gradient:linear-gradient(135deg,#f8fafc 0,#f1f5f9 30%,#e2e8f0 60%,#f1f5f9 100%);--text-color:#333;--muted-text:#666;--heading-color:#222;--heading-sub:#444;--container-bg:#fff;--border-color:#e2e8f0;--table-header-bg:#f1f5f9;--card-bg:rgba(35,47,67,0.02);--info-item-bg:rgba(178,126,215,0.09);--input-bg:#fff;--link:var(--primary-blue);--link-hover:var(--primary-blue-hover);--blockquote:var(--primary-blue);--dropdown-bg:#fff;--shadow-elev:0 4px 20px rgba(0,0,0,0.3);--primary-blue:#6366f1;--primary-blue-hover:#818cf8;--light-blue-text:#d5b5ff;--accent-blue:#a5b4fc;--primary-blue:#6366f1;--primary-blue-hover:#818cf8;--accent-blue:#a5b4fc;--bg-dark:#e0edf3;--footer-nav-bg:#f8fafc;--footer-bottom-bg:#f1f5f9;--footer-border:#e2e8f0;--footer-section-bg:#e0edf4;--text-primary:#333;--text-secondary:#666;--card-header-bg:#f8f9fa;--item-bg:#f8f9fa;--item-hover-bg:#fff;--primary-color:#007bff;--primary-hover:#0056b3;--primary-shadow:rgba(0,123,255,0.3);--info-text:#0c5460;--info-bg:#d1ecf1;--info-border:#bee5eb;--shadow-color:rgba(0,0,0,0.1)}.flatpickr-calendar{background:var(--card-bg,#1e293b);border:1px solid var(--border-color,rgba(255,255,255,0.1));box-shadow:0 10px 20px rgba(0,0,0,0.25);color:var(--text-color,#f8fafc)}.flatpickr-calendar:before,.flatpickr-calendar:after{display:none}body.theme-light .flatpickr-calendar{background:#fff;border-color:var(--border-color,#e2e8f0);box-shadow:0 10px 20px rgba(0,0,0,0.15);color:var(--text-color,#333)}.flatpickr-calendar .flatpickr-months,.flatpickr-calendar .flatpickr-weekdays{background:transparent}.flatpickr-calendar .flatpickr-months{display:flex;align-items:center;justify-content:center}.flatpickr-calendar .flatpickr-month{flex:1 1 auto;text-align:center;display:flex;justify-content:center;align-items:center;padding:0 32px;color:inherit}.flatpickr-calendar .flatpickr-current-month{position:static;display:inline-flex;align-items:center;gap:6px;margin:0 auto}.flatpickr-calendar .flatpickr-weekday{color:var(--muted-text,rgba(248,250,252,0.7))}.flatpickr-calendar .flatpickr-day{color:inherit;border-radius:6px}.flatpickr-calendar .flatpickr-day:hover{background:rgba(59,130,246,0.2);border-color:transparent}.flatpickr-calendar .flatpickr-day.selected,.flatpickr-calendar .flatpickr-day.startRange,.flatpickr-calendar .flatpickr-day.endRange{background:var(--primary-blue,#3b82f6);border-color:var(--primary-blue,#3b82f6);color:#fff}.flatpickr-calendar .flatpickr-day.today{border-color:var(--primary-blue,#3b82f6)}.flatpickr-calendar .flatpickr-time input,.flatpickr-calendar .flatpickr-time .flatpickr-am-pm{color:inherit;background:transparent}.flatpickr-calendar .flatpickr-day.prevMonthDay,.flatpickr-calendar .flatpickr-day.nextMonthDay{color:rgba(148,163,184,0.7)}body.theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay,body.theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay{color:rgba(248,250,252,0.35)}.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,.flatpickr-calendar .flatpickr-months .flatpickr-next-month{color:var(--muted-text,rgba(248,250,252,0.7));fill:var(--muted-text,rgba(248,250,252,0.7))}.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg{fill:currentColor}.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover{color:var(--accent-blue,#a5b4fc);fill:var(--accent-blue,#a5b4fc)}.flatpickr-calendar .numInputWrapper span{color:var(--muted-text,rgba(248,250,252,0.7))}.flatpickr-calendar .numInputWrapper span:hover{color:var(--text-color,#f8fafc);background:transparent}.flatpickr-calendar .numInputWrapper span{display:none}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months{border:0 !important;border-bottom:0 !important;box-shadow:none !important;outline:none;background-image:none !important}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;background:var(--bg-gradient);background-image:url(/assets/img/contour-pattern-bg.svg),var(--bg-gradient);background-repeat:repeat,no-repeat;color:var(--text-color);line-height:1.6;padding:0;margin:0;min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--container-max);margin:0 auto;background:var(--container-bg);border-radius:0 0 var(--radius-large) var(--radius-large);padding:20px;padding-top:20px;padding-left:20px;padding-right:20px;box-shadow:var(--shadow-strong);border-top:none}.container.container-90{max-width:90%;width:90%}.container.container-70{max-width:70%;width:70%}.container.container-1200{max-width:1200px}.container.container-fullwidth{max-width:100%;width:100%;padding:0;border-radius:0;box-shadow:none;background:transparent}.container .card,.container pre,.container code{border-radius:var(--radius-large)}h1{font-size:2.5em;margin-bottom:10px;color:var(--heading-color);font-weight:300;letter-spacing:1px}h2{font-size:1.8em;margin:30px 0 15px 0;color:var(--heading-sub);font-weight:300;border-bottom:1px solid var(--border-color);padding-bottom:10px}h2.base-section-title{font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-0.02em;margin:0 0 8px 0;color:var(--heading-color);text-align:center;border:0;padding:0}@media (max-width:768px){h2.base-section-title{font-size:24px}}h3{font-size:1.3em;margin:20px 0 10px 0;color:var(--text-color);font-weight:400}h4{font-size:18px;margin:16px 0 8px 0;color:var(--text-color);font-weight:300}h5,h6{color:var(--text-color)}p{margin-bottom:15px;color:var(--muted-text)}a{color:var(--link);text-decoration:none;border-bottom:1px dotted var(--link);transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}a:hover{color:var(--link-hover);border-bottom-color:var(--link-hover)}a .fas,a .fab,a .far{font-size:.9em;opacity:.8}a:hover .fas,a:hover .fab,a:hover .far{opacity:1;transform:scale(1.1);transition:all .3s ease}a.user-overview-action-btn,a.user-overview-action-btn:hover,a.user-overview-action-btn:focus,a.user-overview-action-btn:active,a.user-overview-action-btn:visited{color:var(--text-color) !important;border-bottom:none !important}a.user-overview-action-btn .fas,a.user-overview-action-btn .fab,a.user-overview-action-btn .far{opacity:1 !important;transform:none !important}a.user-overview-action-btn:hover .fas,a.user-overview-action-btn:hover .fab,a.user-overview-action-btn:hover .far,button.user-overview-action-btn:hover .fas,button.user-overview-action-btn:hover .fab,button.user-overview-action-btn:hover .far{opacity:1 !important;transform:scale(1.15) rotate(5deg) !important}ul,ol{margin:15px 0 15px 25px;color:var(--muted-text)}li{margin-bottom:8px}ul{list-style-type:disc}code,pre{font-family:'Courier New','Monaco',monospace;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-medium);padding:2px 6px;font-size:.9em}pre{padding:15px;margin:15px 0;overflow-x:auto;border-radius:var(--radius-medium)}body.theme-dark pre code{color:#81c784;background:transparent;border:none}body.theme-light pre code{color:#2d8659;background:transparent;border:none}blockquote{border-left:4px solid var(--blockquote);padding-left:24px;margin:20px 0;font-style:italic;color:var(--muted-text);position:relative;border-radius:0 var(--radius-medium) var(--radius-medium) 0;background:rgba(37,99,235,0.05);padding:16px 24px}blockquote::before{content:'';color:var(--blockquote);position:absolute;left:8px;top:8px;width:1.2em;height:1.2em;background-color:currentColor;-webkit-mask-image:var(--fa-solid-quote-left);mask-image:var(--fa-solid-quote-left);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;opacity:.3}body.theme-light blockquote{background:rgba(37,99,235,0.03)}hr{border:0;border-top:1px solid var(--border-color);margin:30px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}main{flex:1}.footer{margin-top:60px}.footer-navigation{padding:35px 0}.footer-nav-container{max-width:var(--container-max);margin:0 auto;padding:0 40px}.footer-nav-grid{display:flex;flex-wrap:wrap;gap:24px;max-width:1400px;margin:0 auto;justify-content:center}.footer-nav-section{display:flex;flex-direction:column;padding:20px;background:var(--footer-section-bg);border-radius:var(--radius-large);flex:0 1 auto}@media (min-width:768px){.footer-nav-section{flex:0 1 auto}}@media (min-width:1200px){.footer-nav-section{flex:0 1 auto}}.footer-nav-title{font-size:1.05em;font-weight:600;color:var(--heading-color);margin:0 0 16px 0;padding:0;border:0;display:flex;align-items:center;gap:10px}.footer-nav-title i{color:var(--primary-blue);font-size:1em;width:20px;text-align:center}.footer-nav-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,auto);gap:12px 24px;align-items:start}@media (max-width:500px){.footer-nav-links{grid-template-columns:repeat(2,auto)}}.footer-nav-links li{margin:0}.footer-nav-links a{color:var(--muted-text);text-decoration:none;border-bottom:none;transition:color .2s ease;display:inline-flex;align-items:center;gap:8px;font-size:.9em;line-height:1.6;white-space:nowrap}.footer-nav-links a:hover{color:var(--link-hover);border-bottom:none}.footer-nav-links a i{font-size:.9em;opacity:.8}.footer-bottom{padding:15px 0;background:var(--footer-bottom-bg);border-top:1px solid var(--footer-border)}.footer-bottom-container{max-width:var(--container-max);margin:0 auto;padding:0 40px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-copyright{margin:0;color:var(--muted-text);font-size:.85em}.footer-made-in-europe{margin:0;color:var(--muted-text);font-size:.85em}.footer-red-heart{color:#e74c3c}.footer-copyright-section{display:flex;flex-direction:column;gap:2px}.footer-credit-inline{margin:0;color:var(--muted-text);font-size:.7em;opacity:.8}.footer-credit-inline a{color:var(--primary-blue);text-decoration:none;border-bottom:none;font-weight:500;transition:color .2s ease}.footer-credit-inline a:hover{color:var(--link-hover);border-bottom:none}.footer-menu{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;align-items:center}.footer-menu a{color:var(--muted-text);text-decoration:none;border-bottom:none;font-size:.85em;transition:color .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.footer-menu a:hover{color:var(--link-hover);border-bottom:none;cursor:pointer}.footer-menu a.footer-menu-icon-only{font-size:1.2em;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--footer-section-bg);transition:all .2s ease}.footer-menu a.footer-menu-icon-only:hover{background:var(--primary-blue);color:white;transform:translateY(-2px)}@media (max-width:750px){.container{max-width:100% !important;width:100% !important;padding-left:12px !important;padding-right:12px !important;padding-top:20px;padding-bottom:20px}.footer-navigation{padding:30px 0}.footer-nav-container,.footer-bottom-container{padding:0 20px}.footer-nav-grid{grid-template-columns:1fr;gap:16px}.footer-nav-section{padding:16px}.footer-bottom{padding:16px 0}.footer-bottom-content{flex-direction:column;text-align:center}.footer-menu{justify-content:center}}.row:has(.six.columns){display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-left:0;margin-right:0}.row:has(.six.columns) .six.columns{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;margin-bottom:0 !important;padding-left:0 !important;padding-right:0 !important;float:none !important}.row:has(.six.columns) .six.columns .card{margin:0 !important;height:100%;display:flex;flex-direction:column}.row:has(.six.columns) .six.columns .card h5{margin-top:0;margin-bottom:.75rem}.row:has(.six.columns) .six.columns .card p{margin-bottom:0;flex:1}.card>a{outline:none;border:0;display:block;transition:transform .2s ease,box-shadow .2s ease}.card>a:focus{outline:none;border:none}.card:has(>a){box-shadow:inset 0 -1px 0 0 transparent;transition:box-shadow .3s ease,transform .2s ease}.card:has(>a):hover{box-shadow:inset 0 -1px 0 0 var(--link),0 8px 24px rgba(0,0,0,0.15)}a.tool-card{box-shadow:inset 0 -1px 0 0 transparent !important;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease !important}a.tool-card:hover{box-shadow:inset 0 -1px 0 0 var(--link) !important}.card:has(>a):hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15);cursor:pointer}.card>a:hover{cursor:pointer}@media (max-width:768px){.row:has(.six.columns){grid-template-columns:1fr}}*:focus{outline:none !important}a{border-bottom:none !important}.auth-page{max-width:600px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 200px);justify-content:center}.auth-header{text-align:center;margin-bottom:3rem;width:100%}.auth-title{font-size:2.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-0.5px;line-height:1.2}.auth-subtitle{font-size:1.125rem;color:var(--muted-text);margin:0;font-weight:400}.auth-card{width:100%;background:var(--card-bg);border-radius:var(--radius-large);padding:2.5rem;box-shadow:0 20px 60px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05) inset;backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}body.theme-dark .auth-card{background:rgba(30,41,59,0.8);border:1px solid rgba(255,255,255,0.1)}body.theme-light .auth-card{background:rgba(255,255,255,0.95);border:1px solid rgba(0,0,0,0.05);box-shadow:0 20px 60px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05) inset}.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--btn-gradient);opacity:.8}.auth-form{display:flex;flex-direction:column;gap:0}.auth-form .form-group{display:flex;flex-direction:column;gap:.75rem}.auth-form .form-label{display:block;font-weight:600;color:var(--text-color);margin-bottom:.5rem;letter-spacing:.3px}.auth-form .form-required{color:var(--primary-blue);margin-left:2px;font-weight:700}.auth-form .form-input-wrapper{position:relative;display:flex;align-items:center}.auth-form .form-icon{position:absolute;left:1.125rem;transform:translateY(-50%);color:var(--muted-text);font-size:1.125rem;z-index:2;transition:color .3s ease,transform .3s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;width:1.25rem;line-height:1}.auth-form .form-input{width:100%;padding:1rem 1.125rem 1rem 3.5rem;border:2px solid var(--border-color);border-radius:var(--radius-medium);background:var(--input-bg);color:var(--text-color);line-height:1.5;font-family:inherit;position:relative;z-index:1}body.theme-dark .auth-form .form-input{background:rgba(15,23,42,0.6);border-color:rgba(255,255,255,0.1)}body.theme-light .auth-form .form-input{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.1)}.auth-form .form-input:focus{outline:none !important;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(99,102,241,0.1),0 4px 12px rgba(99,102,241,0.15);transform:translateY(-1px)}.auth-form .form-input-wrapper:focus-within .form-icon{color:var(--primary-blue);transform:translateY(-50%) scale(1.1)}.auth-form .form-input::placeholder{color:var(--muted-text);opacity:.6;font-size:1.0625rem}.auth-form .form-input-textarea{min-height:150px;resize:vertical;padding-top:1rem;padding-bottom:1rem;line-height:1.6}.auth-form .form-input-textarea:focus{outline:none !important;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(99,102,241,0.1),0 4px 12px rgba(99,102,241,0.15);transform:translateY(-1px)}.auth-form .form-icon-textarea{top:1.125rem;transform:none;align-items:flex-start}.auth-form .form-input-wrapper:focus-within .form-icon-textarea{transform:scale(1.1);color:var(--primary-blue)}.auth-form .form-hint{display:flex;align-items:center;gap:.625rem;margin-top:.5rem;color:var(--muted-text);line-height:1.6}.auth-form .form-hint i{color:var(--primary-blue);flex-shrink:0}.auth-form .form-checkbox-label{display:flex;align-items:center;cursor:pointer;gap:.875rem;padding:.875rem;border-radius:var(--radius-medium);transition:all .2s ease;user-select:none;position:relative}.auth-form .form-checkbox-label:hover{background:rgba(99,102,241,0.05)}.auth-form .form-checkbox{width:1.5rem;height:1.5rem;cursor:pointer;flex-shrink:0;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--border-color);border-radius:var(--radius-small);background:var(--input-bg);position:relative;transition:all .3s ease}body.theme-dark .auth-form .form-checkbox{background:rgba(15,23,42,0.6);border-color:rgba(255,255,255,0.2)}body.theme-light .auth-form .form-checkbox{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.2)}.auth-form .form-checkbox:checked{background:var(--primary-blue);border-color:var(--primary-blue);background-image:url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M2 7l4 4 6-6'/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:center;background-size:14px 14px}.auth-form .form-checkbox:focus{outline:none !important;box-shadow:0 0 0 3px rgba(99,102,241,0.1),0 0 0 1px var(--primary-blue)}.auth-form .form-checkbox-label:hover .form-checkbox{border-color:var(--primary-blue);transform:scale(1.05)}.auth-form .form-checkbox-label:hover .form-checkbox:checked{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover)}.auth-form .form-checkbox-text{color:var(--text-color);line-height:1.6;flex:1}.auth-form .captcha-container{display:flex;justify-content:center;padding:.5rem 0;margin-top:.25rem}.auth-form .form-actions{margin-top:1rem}.auth-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.125rem 2rem;font-size:1.125rem;font-weight:600;border:0;border-radius:var(--radius-medium);cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit;position:relative;overflow:hidden;letter-spacing:.3px}.auth-form .btn-primary{width:100%;background:var(--btn-gradient);color:white;box-shadow:0 4px 15px rgba(99,102,241,0.4),0 0 0 0 rgba(99,102,241,0.5);position:relative}.auth-form .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left .5s ease}.auth-form .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,0.5),0 0 0 0 rgba(99,102,241,0.6);background:var(--btn-gradient-hover)}.auth-form .btn-primary:hover::before{left:100%}.auth-form .btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px rgba(99,102,241,0.4),0 0 0 0 rgba(99,102,241,0.5)}.auth-form .btn-primary i{font-size:1.125rem}.auth-message-container{width:100%;max-width:600px;margin-bottom:2rem;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--radius-medium);border-left:4px solid;animation:slideIn .3s ease}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.alert i{font-size:1.25rem;flex-shrink:0;margin-top:2px}.alert-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.alert strong{display:block;font-weight:600;margin-bottom:.25rem}.alert-danger{background:rgba(239,68,68,0.1);border-color:#ef4444;color:#fca5a5}body.theme-light .alert-danger{background:rgba(239,68,68,0.08);color:#dc2626}.alert-danger i{color:#ef4444}.alert-success{background:rgba(34,197,94,0.1);border-color:#22c55e;color:#86efac}body.theme-light .alert-success{background:rgba(34,197,94,0.08);color:#16a34a}.alert-success i{color:#22c55e}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:none;letter-spacing:.2px;line-height:1;border:1px solid transparent;background:transparent;transition:transform .2s ease}.status-badge:hover{transform:translateY(-1px)}.status-badge-success{border-color:#66bb6a !important;color:#66bb6a !important;background:rgba(102,187,106,0.14) !important}.status-badge-danger{border-color:#ef5350 !important;color:#ef5350 !important;background:rgba(239,83,80,0.14) !important}.status-badge-warning{border-color:#ffa726 !important;color:#ffa726 !important;background:rgba(255,167,38,0.14) !important}.status-badge-info{border-color:#4a9eff !important;color:#4a9eff !important;background:rgba(74,158,255,0.14) !important}body.theme-light .status-badge-success{border-color:#28a745 !important;color:#28a745 !important;background:rgba(40,167,69,0.16) !important}body.theme-light .status-badge-danger{border-color:#dc3545 !important;color:#dc3545 !important;background:rgba(220,53,69,0.16) !important}body.theme-light .status-badge-warning{border-color:#ff9800 !important;color:#ff9800 !important;background:rgba(255,152,0,0.16) !important}body.theme-light .status-badge-info{border-color:#06c !important;color:#06c !important;background:rgba(0,102,204,0.16) !important}.auth-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;width:100%}.auth-footer-text{color:var(--muted-text);margin:0;font-size:1.375rem}.auth-footer-text--compact{margin-top:2.25rem}.auth-footer-link{color:var(--link);text-decoration:none;font-weight:600;margin-left:.5rem;transition:all .3s ease;border-bottom:none !important}.auth-footer-link:hover{color:var(--link-hover);text-decoration:underline}.auth-alternative{width:100%;max-width:600px;margin:2rem auto 0}.auth-divider{display:flex;align-items:center;margin:2rem 0 1.5rem;gap:1rem}.auth-divider--compact{margin:1.25rem 0 1rem}.auth-divider-line{flex:1;height:1px;background:var(--border-color)}.auth-divider-text{padding:0 .5rem;color:var(--muted-text);font-size:1.2rem;text-transform:lowercase}.auth-alternative .btn-secondary{width:100%;background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,0.1)}body.theme-dark .auth-alternative .btn-secondary{background:rgba(30,41,59,0.6);border-color:rgba(255,255,255,0.1)}body.theme-light .auth-alternative .btn-secondary{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.1)}#passkey-login-btn{background:var(--container-bg) !important}body.theme-dark #passkey-login-btn{background:var(--container-bg) !important}body.theme-light #passkey-login-btn{background:var(--container-bg) !important}.auth-alternative .btn-secondary:hover{background:var(--card-bg);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,0.2)}body.theme-dark .auth-alternative .btn-secondary:hover{background:rgba(30,41,59,0.8)}body.theme-light .auth-alternative .btn-secondary:hover{background:rgba(255,255,255,1)}#passkey-login-btn:hover{background:var(--container-bg) !important}body.theme-dark #passkey-login-btn:hover{background:var(--container-bg) !important}body.theme-light #passkey-login-btn:hover{background:var(--container-bg) !important}.auth-oauth-providers{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.auth-alternative .btn-oauth{width:100%;background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,0.1);text-decoration:none}body.theme-dark .auth-alternative .btn-oauth{background:rgba(30,41,59,0.6);border-color:rgba(255,255,255,0.1)}body.theme-light .auth-alternative .btn-oauth{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.1)}.auth-alternative .btn-oauth:hover{background:var(--card-bg);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,0.2);text-decoration:none}body.theme-dark .auth-alternative .btn-oauth:hover{background:rgba(30,41,59,0.8)}body.theme-light .auth-alternative .btn-oauth:hover{background:rgba(255,255,255,1)}.auth-alternative .btn-oauth i.fab.fa-google{color:#4285f4}.auth-alternative .btn-oauth i.fab.fa-facebook{color:#1877f2}.auth-alternative .btn-oauth i.fab.fa-github{color:var(--text-color)}@media (max-width:768px){.auth-page{padding:1.5rem 1rem;min-height:auto}.auth-title{font-size:2.25rem}.auth-subtitle{font-size:1rem}.auth-card{padding:2rem 1.5rem;border-radius:var(--radius-medium)}.auth-form{gap:1.75rem}.auth-form .form-group{gap:.625rem}.auth-form .form-actions{margin-top:.75rem}.auth-message-container{margin-bottom:1.5rem}.auth-form .form-input{padding:.875rem 1rem .875rem 3rem;font-size:1rem}.auth-form .form-icon{left:1rem;font-size:1rem;width:1.125rem}.auth-form .form-label{font-size:1rem}.auth-form .form-hint{font-size:.9375rem}.auth-form .form-checkbox{width:1.375rem;height:1.375rem}.auth-form .form-checkbox-text{font-size:1rem}.auth-form .btn{padding:1rem 1.75rem;font-size:1.0625rem}.auth-form .btn-primary i{font-size:1.0625rem}.auth-alternative{margin-top:1.5rem}.auth-divider{margin:1.5rem 0 1.25rem}}@media (max-width:480px){.auth-card{padding:1.5rem 1.25rem}.auth-title{font-size:2rem}}.mfa-method-section{width:100%}.mfa-method-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.mfa-method-icon{font-size:2rem;color:var(--primary-blue);flex-shrink:0;margin-top:.25rem}.mfa-method-title{font-size:1.25rem;font-weight:600;color:var(--heading-color);margin:0 0 .5rem 0}.mfa-method-description{color:var(--muted-text);margin:0;font-size:.95rem;line-height:1.5}.mfa-form{display:flex;flex-direction:column;gap:0}.auth-form .form-input-totp{font-size:1.75rem;text-align:center;letter-spacing:.75rem;font-weight:600;padding-left:3.5rem;font-family:'Courier New','Monaco','Inconsolata','Roboto Mono',monospace}.auth-form .form-input-totp::placeholder{letter-spacing:.75rem;opacity:.4}.auth-form .form-input-totp:focus{letter-spacing:.75rem}@media (max-width:768px){.mfa-method-header{flex-direction:column;align-items:center;text-align:center}.mfa-method-icon{margin-top:0}.auth-form .form-input-totp{font-size:1.5rem;letter-spacing:.5rem;padding-left:3rem}.auth-form .form-input-totp::placeholder{letter-spacing:.5rem}.auth-form .form-input-totp:focus{letter-spacing:.5rem}}.user-overview-page{max-width:1200px;margin:0 auto;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center}.user-overview-header{text-align:center;margin-bottom:4rem;width:100%;position:relative;overflow:visible;padding-bottom:1rem;padding-top:.5rem}.user-overview-header::after{content:'';position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);width:100px;height:4px;background:var(--btn-gradient);border-radius:2px;opacity:.6}.user-overview-title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-blue) 50%,#a8559f 100%);background-size:100% 200%;background-position:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-1px;line-height:1.7;padding-bottom:.6em;padding-top:.25em;margin-top:.1em;text-shadow:0 0 40px rgba(99,102,241,0.3);position:relative;animation:titleGlow 3s ease-in-out infinite;overflow:visible;display:block;min-height:1.5em}@keyframes titleGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}.user-overview-subtitle{font-size:clamp(1rem,2vw,1.375rem);color:var(--muted-text);margin:0;font-weight:400;letter-spacing:.3px}.user-overview-subtitle strong{color:var(--text-color);font-weight:700;background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-overview-message-container{width:100%;max-width:1200px;margin-bottom:clamp(1.5rem,3vw,2.5rem);animation:slideDown .3s ease}.user-overview-message-container .alert{display:flex;align-items:flex-start;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.25rem,2.5vw,1.75rem) clamp(1.5rem,3vw,2rem);border-radius:var(--radius-medium);border-left:4px solid;animation:slideIn .3s ease;box-shadow:0 4px 16px rgba(0,0,0,0.1);backdrop-filter:blur(10px)}.user-overview-message-container .alert i{font-size:clamp(1.125rem,2vw,1.5rem);flex-shrink:0;margin-top:2px;filter:drop-shadow(0 0 4px currentColor)}.user-overview-message-container .alert-content{display:flex;flex-direction:column;gap:.375rem;flex:1}.user-overview-message-container .alert-content strong{display:block;font-weight:700;margin-bottom:.5rem;font-size:clamp(1.125rem,2vw,1.375rem);letter-spacing:.2px}.user-overview-message-container .alert-content p{margin:.5rem 0 0 0;font-size:clamp(1rem,1.75vw,1.1875rem);line-height:1.7}.user-overview-message-container .alert-list{margin:.5rem 0 0 0;padding-left:1.5rem;font-size:clamp(1rem,1.75vw,1.1875rem);line-height:1.8}.user-overview-message-container .alert-link{color:#ffc107;text-decoration:underline;font-weight:600;margin-left:.375rem;transition:color .2s ease,opacity .2s ease}.user-overview-message-container .alert-link:hover{color:#ffd54f;opacity:.9}.user-overview-message-container .alert-link:active{opacity:.8}body.theme-light .user-overview-message-container .alert-link{color:#e65100;font-weight:700}body.theme-light .user-overview-message-container .alert-link:hover{color:#bf360c;text-decoration-thickness:2px}.user-overview-message-container .alert-warning{background:rgba(255,193,7,0.15);border-color:#ffc107;color:#f5f5f5}body.theme-light .user-overview-message-container .alert-warning{background:rgba(255,152,0,0.15);border-color:#ff9800;color:#2c2c2c}body.theme-light .user-overview-message-container .alert-warning .alert-content strong{color:#1a1a1a}body.theme-light .user-overview-message-container .alert-warning .alert-content p{color:#2c2c2c}.user-overview-message-container .alert-warning i{color:#ffc107}body.theme-light .user-overview-message-container .alert-warning i{color:#ff9800}.user-overview-message-container .alert-info{background:rgba(13,202,240,0.1);border-color:#0dcaf0;color:#0c5460}body.theme-light .user-overview-message-container .alert-info{background:rgba(13,202,240,0.08);color:#0c5460}.user-overview-message-container .alert-info i{color:#0dcaf0}.user-overview-card{width:100%;background:var(--card-bg);border-radius:var(--radius-large);padding:clamp(2rem,4vw,3.5rem);box-shadow:0 20px 60px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05) inset,0 0 100px rgba(99,102,241,0.1);backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid transparent}body.theme-dark .user-overview-card{background:rgba(30,41,59,0.75);border-color:rgba(255,255,255,0.08);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05) inset,0 0 100px rgba(99,102,241,0.15)}body.theme-light .user-overview-card{background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.03);box-shadow:0 20px 60px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05) inset,0 0 100px rgba(99,102,241,0.08)}.user-overview-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--btn-gradient);opacity:.9;box-shadow:0 0 20px rgba(99,102,241,0.5)}.user-overview-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,0.05) 0,transparent 70%);pointer-events:none;animation:cardPulse 8s ease-in-out infinite}@keyframes cardPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.user-overview-section{margin-bottom:clamp(2rem,4vw,3.5rem)}.user-overview-section:last-child{margin-bottom:0}.user-overview-section-title{font-size:clamp(1.375rem,3vw,2rem);font-weight:700;color:var(--heading-color);margin-bottom:clamp(1.25rem,3vw,2rem);padding-bottom:1rem;border-bottom:3px solid transparent;background-image:linear-gradient(to right,var(--primary-blue),var(--accent-blue));background-size:100px 3px;background-repeat:no-repeat;background-position:left bottom;position:relative;letter-spacing:-0.3px}.user-overview-section-title::after{content:'';position:absolute;bottom:-3px;left:0;width:100px;height:3px;background:var(--btn-gradient);border-radius:2px;box-shadow:0 0 10px rgba(99,102,241,0.5)}.user-overview-section-description{color:var(--muted-text);font-size:clamp(0.9375rem,1.5vw,1.125rem);line-height:1.7;margin-bottom:clamp(1.5rem,3vw,2rem);padding:clamp(1rem,2vw,1.25rem);background:rgba(99,102,241,0.05);border-radius:var(--radius-medium);border-left:3px solid var(--primary-blue)}.user-overview-actions-section{margin-top:clamp(2rem,4vw,3.5rem);padding-top:clamp(2rem,4vw,3.5rem);border-top:2px solid var(--border-color);position:relative}.user-overview-actions-section::before{content:'';position:absolute;top:-2px;left:0;width:100px;height:2px;background:var(--btn-gradient);border-radius:2px}.user-overview-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(1.25rem,3vw,2rem);align-items:start}.user-overview-info-item{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.25rem,3vw,1.75rem);background:rgba(99,102,241,0.06);border-radius:var(--radius-medium);border:2px solid rgba(99,102,241,0.15);transition:all .4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.user-overview-info-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--btn-gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.user-overview-info-item:hover{background:rgba(99,102,241,0.12);transform:translateY(-4px);box-shadow:0 8px 24px rgba(99,102,241,0.25),0 0 0 1px rgba(99,102,241,0.2),inset 0 0 30px rgba(99,102,241,0.05);border-color:rgba(99,102,241,0.3)}.user-overview-info-item:hover::before{transform:scaleX(1)}.user-overview-info-label{display:flex;align-items:center;gap:.75rem;font-weight:700;color:var(--muted-text);font-size:clamp(0.9rem,1.6vw,1rem);text-transform:uppercase;letter-spacing:1px}.user-overview-info-label i{color:var(--primary-blue);font-size:clamp(1rem,2vw,1.125rem);width:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-align:center;filter:drop-shadow(0 0 4px rgba(99,102,241,0.5));transition:transform .3s ease}.user-overview-info-item:hover .user-overview-info-label i{transform:scale(1.2) rotate(5deg)}.user-overview-info-value{color:var(--text-color);font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:600;line-height:1.4;word-break:break-word}.user-overview-info-value .fi{display:inline-flex;align-items:center;vertical-align:middle;line-height:1;font-size:1.25em}.user-overview-stats-card{display:flex;align-items:center;gap:clamp(1.25rem,3vw,2rem);padding:clamp(1.5rem,3vw,2.25rem);margin-bottom:clamp(1.25rem,3vw,2rem);background:var(--card-bg);border-radius:var(--radius-medium);border:2px solid var(--border-color);transition:all .4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.user-overview-stats-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0,rgba(99,102,241,0.05) 100%);opacity:0;transition:opacity .4s ease}.user-overview-stats-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,0.2),0 0 0 1px rgba(99,102,241,0.2),inset 0 0 40px rgba(99,102,241,0.05);border-color:rgba(99,102,241,0.3)}.user-overview-stats-card:hover::before{opacity:1}.user-overview-stats-icon{width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-medium);font-size:clamp(1.5rem,3vw,2.25rem);flex-shrink:0;position:relative;z-index:1;box-shadow:0 8px 24px rgba(0,0,0,0.2);transition:transform .4s ease,box-shadow .4s ease}.user-overview-stats-card:hover .user-overview-stats-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px rgba(0,0,0,0.3)}.user-overview-stats-funds .user-overview-stats-icon{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:white;box-shadow:0 8px 24px rgba(16,185,129,0.4)}.user-overview-stats-subscription .user-overview-stats-icon{background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-blue) 100%);color:white;box-shadow:0 8px 24px rgba(99,102,241,0.4)}.user-overview-stats-expired .user-overview-stats-icon{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:white;box-shadow:0 8px 24px rgba(239,68,68,0.4)}.user-overview-stats-content{flex:1;position:relative;z-index:1}.user-overview-stats-label{font-size:clamp(0.8125rem,1.5vw,0.9375rem);color:var(--muted-text);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.user-overview-stats-value{font-size:clamp(1.375rem,3vw,2rem);font-weight:800;color:var(--text-color);line-height:1.2;letter-spacing:-0.5px}.user-overview-stats-funds .user-overview-stats-value{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,0.3)}.user-overview-stats-subscription .user-overview-stats-value{color:var(--primary-blue);text-shadow:0 0 20px rgba(99,102,241,0.3)}.user-overview-stats-expired .user-overview-stats-value{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,0.3)}.user-overview-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:clamp(1rem,2vw,1.5rem);align-items:stretch}.user-overview-actions-grid>*{display:flex;align-items:stretch}.user-overview-actions-grid .user-overview-action-btn,.user-overview-actions-grid a.user-overview-action-btn,.user-overview-actions-grid button.user-overview-action-btn{width:100%;height:100%;min-height:clamp(48px,6vw,56px)}.user-overview-action-form{display:contents}.user-overview-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.875rem;padding:clamp(1rem,2vw,1.375rem) clamp(1.25rem,2.5vw,1.75rem);font-size:clamp(0.9375rem,1.5vw,1.125rem);font-weight:700;border:2px solid var(--border-color);border-radius:var(--radius-medium);cursor:pointer;transition:all .4s cubic-bezier(0.4,0,0.2,1);text-decoration:none !important;font-family:inherit;position:relative;overflow:hidden;background:var(--card-bg);color:var(--text-color);box-shadow:0 4px 12px rgba(0,0,0,0.1);letter-spacing:.3px;min-height:clamp(48px,6vw,56px);line-height:1.5;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;appearance:none}a.user-overview-action-btn,a.user-overview-action-btn:link,a.user-overview-action-btn:visited,a.user-overview-action-btn:active{display:inline-flex !important;align-items:center !important;justify-content:center !important;text-decoration:none !important;border-bottom:none !important;min-height:clamp(48px,6vw,56px) !important;line-height:1.5 !important;box-sizing:border-box !important;margin:0 !important;padding:clamp(1rem,2vw,1.375rem) clamp(1.25rem,2.5vw,1.75rem) !important;font-size:clamp(0.9375rem,1.5vw,1.125rem) !important;font-weight:700 !important;border:2px solid var(--border-color) !important;border-radius:var(--radius-medium) !important;cursor:pointer !important;font-family:inherit !important;position:relative !important;overflow:hidden !important;background:var(--card-bg) !important;color:var(--text-color) !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important;letter-spacing:.3px !important;vertical-align:middle !important;-webkit-appearance:none !important;appearance:none !important;width:100% !important;height:100% !important}button.user-overview-action-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;text-decoration:none !important;border-bottom:none !important;min-height:clamp(48px,6vw,56px) !important;line-height:1.5 !important;box-sizing:border-box !important;margin:0 !important;padding:clamp(1rem,2vw,1.375rem) clamp(1.25rem,2.5vw,1.75rem) !important;font-size:clamp(0.9375rem,1.5vw,1.125rem) !important;font-weight:700 !important;border:2px solid var(--border-color) !important;border-radius:var(--radius-medium) !important;cursor:pointer !important;font-family:inherit !important;position:relative !important;overflow:hidden !important;background:var(--card-bg) !important;color:var(--text-color) !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important;letter-spacing:.3px !important;vertical-align:middle !important;-webkit-appearance:none !important;appearance:none !important;width:100% !important;height:100% !important;transition:all .4s cubic-bezier(0.4,0,0.2,1) !important}body.theme-dark .user-overview-action-btn,body.theme-dark a.user-overview-action-btn,body.theme-dark button.user-overview-action-btn{background:rgba(30,41,59,0.7) !important;border-color:rgba(255,255,255,0.12) !important}body.theme-light .user-overview-action-btn,body.theme-light a.user-overview-action-btn,body.theme-light button.user-overview-action-btn{background:rgba(255,255,255,0.98) !important;border-color:rgba(0,0,0,0.08) !important}.user-overview-action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left .5s ease}.user-overview-action-btn:hover::before{left:100%}.user-overview-action-btn span{display:inline-block;line-height:1.5}.user-overview-action-btn i{font-size:clamp(1.125rem,2vw,1.375rem);flex-shrink:0;transition:transform .3s ease;filter:drop-shadow(0 0 4px rgba(99,102,241,0.3));line-height:1;display:inline-flex;align-items:center}.user-overview-action-btn:hover i,a.user-overview-action-btn:hover i,button.user-overview-action-btn:hover i{transform:scale(1.15) rotate(5deg) !important}.user-overview-action-btn:hover,a.user-overview-action-btn:hover,a.user-overview-action-btn:focus,button.user-overview-action-btn:hover,button.user-overview-action-btn:focus{transform:translateY(-4px) scale(1.02) !important;box-shadow:0 8px 24px rgba(99,102,241,0.3),0 0 0 1px rgba(99,102,241,0.2),inset 0 0 30px rgba(99,102,241,0.05) !important;border-color:var(--primary-blue) !important;text-decoration:none !important;border-bottom:none !important;color:var(--text-color) !important}body.theme-dark .user-overview-action-btn:hover,body.theme-dark a.user-overview-action-btn:hover,body.theme-dark a.user-overview-action-btn:focus,body.theme-dark button.user-overview-action-btn:hover,body.theme-dark button.user-overview-action-btn:focus{background:rgba(30,41,59,0.85) !important}body.theme-light .user-overview-action-btn:hover,body.theme-light a.user-overview-action-btn:hover,body.theme-light a.user-overview-action-btn:focus,body.theme-light button.user-overview-action-btn:hover,body.theme-light button.user-overview-action-btn:focus{background:rgba(255,255,255,1) !important}.user-overview-action-btn-primary,a.user-overview-action-btn-primary{background:var(--btn-gradient) !important;color:white !important;border-color:transparent !important;box-shadow:0 4px 15px rgba(99,102,241,0.4) !important}.user-overview-action-btn-primary:hover,a.user-overview-action-btn-primary:hover{background:var(--btn-gradient-hover) !important;border-color:transparent !important;box-shadow:0 8px 30px rgba(99,102,241,0.5) !important;color:white !important}.user-overview-action-btn-danger,a.user-overview-action-btn-danger{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%) !important;color:white !important;border-color:transparent !important;box-shadow:0 4px 15px rgba(239,68,68,0.4) !important}.user-overview-action-btn-danger:hover,a.user-overview-action-btn-danger:hover{background:linear-gradient(135deg,#dc2626 0,#b91c1c 100%) !important;border-color:transparent !important;box-shadow:0 8px 30px rgba(239,68,68,0.5) !important;color:white !important}.user-overview-action-btn small{font-size:clamp(0.6875rem,1.2vw,0.8125rem);opacity:.95;margin-left:.375rem;font-weight:600}.user-overview-modal{display:none !important;visibility:hidden;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.user-overview-modal.show{display:block !important;visibility:visible;opacity:1}.user-overview-modal-content{max-width:clamp(450px,90vw,600px);margin:clamp(5%,8vh,10%) auto;padding:clamp(2rem,4vw,3.5rem);background:var(--card-bg);border-radius:var(--radius-large);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05) inset,0 0 100px rgba(99,102,241,0.2);backdrop-filter:blur(20px);position:relative;animation:modalSlideIn .4s cubic-bezier(0.4,0,0.2,1);border:1px solid transparent;overflow:hidden}@media (max-width:768px){.user-overview-modal-content{margin:5% auto;padding:clamp(1.5rem,4vw,2rem);max-width:95vw}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}body.theme-dark .user-overview-modal-content{background:rgba(30,41,59,0.95);border-color:rgba(255,255,255,0.1)}body.theme-light .user-overview-modal-content{background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.05)}.user-overview-modal-content::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--btn-gradient);opacity:.9;box-shadow:0 0 20px rgba(99,102,241,0.5)}.user-overview-modal-close{position:absolute;top:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem);font-size:0;font-weight:300;color:var(--muted-text);cursor:pointer;transition:all .3s ease;z-index:10;width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.2)}.user-overview-modal-close::before{content:'×';font-size:clamp(1.5rem,2.5vw,2rem);line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease}.user-overview-modal-close:hover{color:var(--text-color);background:rgba(99,102,241,0.2);border-color:var(--primary-blue);transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px rgba(99,102,241,0.3)}.user-overview-modal-close:hover::before{transform:rotate(-90deg)}.user-overview-modal-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--heading-color);margin:0 0 clamp(1.25rem,2.5vw,1.75rem) 0;padding-right:clamp(2.5rem,5vw,3.5rem);letter-spacing:-0.5px;background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-blue) 50%,#a8559f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;display:flex;align-items:center}.user-overview-modal-title i{margin-right:.75rem;font-size:.85em;opacity:.8;filter:drop-shadow(0 0 4px rgba(99,102,241,0.5))}.user-overview-modal-text{color:var(--muted-text);margin:0 0 clamp(1.5rem,3vw,2rem) 0;line-height:1.7;font-size:clamp(0.9375rem,1.5vw,1.125rem);padding:clamp(1rem,2vw,1.25rem);background:rgba(99,102,241,0.05);border-radius:var(--radius-medium);border-left:3px solid var(--primary-blue)}.user-overview-modal-text strong{color:var(--text-color);font-weight:700;display:block;margin-top:.5rem;font-size:clamp(1rem,1.5vw,1.125rem)}.user-overview-modal-error{padding:clamp(1rem,2vw,1.25rem);margin-bottom:clamp(1.25rem,2.5vw,1.75rem);background:rgba(239,68,68,0.12);border:2px solid #ef4444;border-left:4px solid #ef4444;border-radius:var(--radius-medium);color:#ef4444;font-size:clamp(0.9375rem,1.5vw,1.0625rem);line-height:1.6;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 4px 12px rgba(239,68,68,0.15)}.user-overview-modal-error::before{content:'';width:1.25rem;height:1.25rem;background-color:currentColor;-webkit-mask-image:var(--fa-solid-circle-exclamation);mask-image:var(--fa-solid-circle-exclamation);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;margin-top:2px}.user-overview-modal-form{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem)}.user-overview-form-group{display:flex;flex-direction:column;gap:.75rem}.user-overview-form-label{display:flex;align-items:center;gap:.625rem;font-weight:700;color:var(--text-color);font-size:clamp(1rem,1.5vw,1.1875rem);margin-bottom:.75rem;letter-spacing:.2px}.user-overview-form-label i{font-size:.9em;opacity:.7;transition:opacity .3s ease}.user-overview-form-group:focus-within .user-overview-form-label i{opacity:1;color:var(--primary-blue)}.user-overview-form-required{color:var(--primary-blue);margin-left:2px;font-weight:800;font-size:1.1em}.user-overview-form-input-wrapper{position:relative;display:flex;align-items:center}.user-overview-form-icon{position:absolute;left:clamp(1rem,2vw,1.25rem);top:50%;transform:translateY(-50%);color:var(--muted-text);font-size:clamp(1rem,1.5vw,1.25rem);z-index:2;transition:all .3s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;width:clamp(1.125rem,2vw,1.375rem);line-height:1}.user-overview-form-input{width:100%;padding:clamp(1rem,2.5vw,1.25rem) clamp(1.125rem,2.5vw,1.375rem);border:2px solid var(--border-color);border-radius:var(--radius-medium);background:var(--input-bg);color:var(--text-color);font-size:clamp(1rem,1.5vw,1.1875rem);line-height:1.6;font-family:inherit;position:relative;z-index:1;min-height:clamp(48px,6vw,56px)}body.theme-dark .user-overview-form-input{background:rgba(15,23,42,0.7);border-color:rgba(255,255,255,0.12)}body.theme-light .user-overview-form-input{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.12)}.user-overview-form-input:focus{outline:none !important;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(99,102,241,0.15),0 4px 16px rgba(99,102,241,0.2);transform:translateY(-2px);background:var(--input-bg)}body.theme-dark .user-overview-form-input:focus{background:rgba(15,23,42,0.85)}body.theme-light .user-overview-form-input:focus{background:rgba(255,255,255,1)}.user-overview-form-input-wrapper:focus-within .user-overview-form-icon{color:var(--primary-blue);transform:translateY(-50%) scale(1.15);filter:drop-shadow(0 0 6px rgba(99,102,241,0.6))}.user-overview-form-input::placeholder{color:var(--muted-text);opacity:.6;font-size:clamp(0.9375rem,1.5vw,1.0625rem)}.user-overview-form-hint{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:clamp(0.75rem,1.5vw,1rem);background:rgba(99,102,241,0.06);border-radius:var(--radius-medium);border-left:3px solid var(--primary-blue);color:var(--muted-text);font-size:clamp(0.875rem,1.3vw,1rem);line-height:1.7}.user-overview-form-hint i{color:var(--primary-blue);font-size:clamp(0.9375rem,1.3vw,1.125rem);flex-shrink:0;filter:drop-shadow(0 0 4px rgba(99,102,241,0.5))}.user-overview-modal-actions{display:flex;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(0.5rem,1vw,1rem);align-items:stretch}.user-overview-modal-btn{flex:1;padding:clamp(1rem,2.5vw,1.375rem) clamp(1.5rem,3vw,2rem);font-size:clamp(1rem,1.5vw,1.1875rem);font-weight:700;border:0;border-radius:var(--radius-medium);cursor:pointer;transition:all .3s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:.3px;min-height:clamp(48px,6vw,56px);position:relative;overflow:hidden}.user-overview-modal-btn i{font-size:.9em;opacity:.9;transition:transform .3s ease}.user-overview-modal-btn:hover i{transform:scale(1.1)}.user-overview-modal-btn-primary i{opacity:1}.user-overview-modal-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left .5s ease}.user-overview-modal-btn:hover::before{left:100%}.user-overview-modal-btn-primary{background:var(--btn-gradient);color:white;box-shadow:0 4px 15px rgba(99,102,241,0.4)}.user-overview-modal-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(99,102,241,0.5);background:var(--btn-gradient-hover)}.user-overview-modal-btn-primary:active{transform:translateY(-1px) scale(1)}.user-overview-modal-btn-secondary{background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,0.1)}body.theme-dark .user-overview-modal-btn-secondary{background:rgba(30,41,59,0.7);border-color:rgba(255,255,255,0.12)}body.theme-light .user-overview-modal-btn-secondary{background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.12)}.user-overview-modal-btn-secondary:hover{background:var(--card-bg);border-color:var(--primary-blue);transform:translateY(-3px) scale(1.02);box-shadow:0 4px 16px rgba(99,102,241,0.2)}body.theme-dark .user-overview-modal-btn-secondary:hover{background:rgba(30,41,59,0.85)}body.theme-light .user-overview-modal-btn-secondary:hover{background:rgba(255,255,255,1)}.user-overview-modal-btn-secondary:active{transform:translateY(-1px) scale(1)}.user-overview-mfa-section{margin-bottom:1.5rem;padding:1.5rem;background:rgba(99,102,241,0.05);border-radius:var(--radius-medium);border:1px solid rgba(99,102,241,0.1)}.user-overview-mfa-section-title{font-size:1.125rem;font-weight:600;color:var(--heading-color);margin:0 0 1rem 0}.user-overview-mfa-form{display:flex;flex-direction:column;gap:1rem}.user-overview-totp-input{width:100%;padding:clamp(1rem,2vw,1.25rem);border:2px solid var(--border-color);border-radius:var(--radius-medium);background:var(--input-bg);color:var(--text-color);font-size:clamp(1.375rem,3vw,1.875rem);text-align:center;letter-spacing:clamp(0.375rem,1vw,0.625rem);font-weight:700;transition:all .3s ease;font-family:'Courier New',monospace}body.theme-dark .user-overview-totp-input{background:rgba(15,23,42,0.6);border-color:rgba(255,255,255,0.1)}body.theme-light .user-overview-totp-input{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.1)}.user-overview-totp-input:focus{outline:none !important;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(99,102,241,0.1),0 4px 12px rgba(99,102,241,0.15)}@media (min-width:1400px){.user-overview-page{max-width:1400px;padding:4rem 3rem}.user-overview-card{padding:4rem}.user-overview-info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.user-overview-actions-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}}@media (max-width:768px){.user-overview-page{padding:1.5rem 1rem}.user-overview-header{margin-bottom:2.5rem}.user-overview-card{padding:2rem 1.5rem;border-radius:var(--radius-medium)}.user-overview-info-grid{grid-template-columns:1fr;gap:1rem}.user-overview-actions-grid{grid-template-columns:1fr}.user-overview-modal-content{margin:5% auto;padding:2rem 1.5rem;max-width:calc(100% - 2rem)}.user-overview-modal-actions{flex-direction:column}}@media (max-width:480px){.user-overview-card{padding:1.5rem 1.25rem}.user-overview-modal-content{padding:1.5rem 1.25rem;margin:2% auto}}main.landing-container:has(.dashboard-page){display:flex;align-items:center;justify-content:center;padding:clamp(32px,4vw,56px) 0}.dashboard-page{width:100%;max-width:1400px;margin:0;padding:0 clamp(1rem,2vw,1.5rem);display:flex;flex-direction:column;gap:0}@media (min-width:981px){main.landing-container:has(.dashboard-page){min-height:calc(100vh - var(--navbar-offset));padding-top:clamp(72px,8vw,140px);padding-bottom:clamp(48px,6vw,100px)}}.dashboard-alerts{width:100%;max-width:100%;margin:0 auto clamp(1rem,2vw,1.75rem)}.user-dashboard-container{max-width:none;width:100%;margin:0;padding:0;min-height:0;display:flex;gap:0;align-items:flex-start}.dashboard-tabs-wrapper{flex-shrink:0;width:220px;position:sticky;top:0;z-index:50;margin-right:2.5rem;display:flex;flex-direction:column;gap:14px}.dashboard-welcome-panel{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-large);background:linear-gradient(135deg,rgba(15,23,42,0.88),rgba(30,41,59,0.85)) padding-box,linear-gradient(135deg,rgba(168,85,159,0.6),rgba(99,102,241,0.55)) border-box;border:1px solid transparent;box-shadow:0 14px 30px rgba(15,23,42,0.45),inset 0 1px 0 rgba(255,255,255,0.08);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.welcome-avatar{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(135deg,#a8559f 0,#7b88c7 100%);box-shadow:0 6px 14px rgba(123,136,199,0.35);text-transform:uppercase;flex-shrink:0}.welcome-panel-text{display:flex;flex-direction:column;gap:2px;min-width:0}.welcome-panel-greeting{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0}.welcome-panel-email{font-size:.95rem;font-weight:600;color:#e2e8f0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-tabs{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,rgba(15,23,42,0.82),rgba(30,41,59,0.82)) padding-box,linear-gradient(135deg,rgba(168,85,159,0.55),rgba(99,102,241,0.55)) border-box;border:1px solid transparent;border-radius:var(--radius-large);padding:10px;box-shadow:0 18px 38px rgba(15,23,42,0.5);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.dashboard-logout-form{margin-top:14px}.dashboard-logout-btn{width:100%;background:rgba(15,23,42,0.55) !important;border:1px solid rgba(148,163,184,0.2) !important;border-radius:16px;padding:10px 12px;display:flex;align-items:center;justify-content:flex-start;gap:9px;color:#e2e8f0 !important;font-weight:700;letter-spacing:.2px;font-size:.82rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative;overflow:hidden}.dashboard-logout-btn i{font-size:.95rem;width:26px;height:26px;border-radius:10px;background:rgba(248,113,113,0.18);color:#f87171 !important;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 10px rgba(239,68,68,0.25))}.dashboard-logout-btn:hover{background:rgba(30,41,59,0.7) !important;border-color:rgba(248,113,113,0.4) !important;transform:translateY(-2px);color:#e2e8f0 !important;box-shadow:0 16px 28px rgba(15,23,42,0.4),0 0 0 1px rgba(248,113,113,0.2)}body.theme-light .dashboard-logout-btn{color:#0f172a !important;background:rgba(248,250,252,0.95) !important;border-color:rgba(148,163,184,0.35) !important}body.theme-light .dashboard-logout-btn i{background:rgba(248,113,113,0.16);color:#dc2626 !important}.dashboard-logout-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(248,113,113,0.12),transparent 60%);opacity:.7;pointer-events:none}.dashboard-logout-btn:active{transform:translateY(0);box-shadow:0 10px 18px rgba(239,68,68,0.2)}.dashboard-tab-btn{background:transparent;border:1px solid transparent !important;border-radius:14px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:12px;transition:all .2s cubic-bezier(0.4,0,0.2,1);position:relative;-webkit-tap-highlight-color:transparent;width:100%;outline:none}.dashboard-tab-btn .icon-container{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(15,23,42,0.5);border:1px solid rgba(148,163,184,0.18);transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative}.dashboard-tab-btn i{font-size:1.35rem;color:#cbd5e1;transition:all .3s ease;position:relative;z-index:2}.dashboard-tab-btn span{font-size:.875rem;font-weight:600;color:#cbd5e1;white-space:nowrap;transition:all .2s ease;line-height:1.2}.dashboard-tab-btn:hover:not(.active){background:rgba(148,163,184,0.12);border-color:rgba(148,163,184,0.2);box-shadow:0 10px 20px rgba(15,23,42,0.35)}.dashboard-tab-btn:hover:not(.active) .icon-container{background:rgba(148,163,184,0.2);transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,0.25)}.dashboard-tab-btn:hover:not(.active) i{color:#fff}.dashboard-tab-btn:hover:not(.active) span{color:#fff}.dashboard-tab-btn.active{background:linear-gradient(135deg,rgba(99,102,241,0.2) 0,rgba(168,85,159,0.22) 100%);border-color:rgba(123,136,199,0.35);box-shadow:0 12px 24px rgba(15,23,42,0.45),inset 0 1px 0 rgba(255,255,255,0.08)}.dashboard-tab-btn.active .icon-container{background:linear-gradient(135deg,rgba(168,85,159,0.45) 0,rgba(123,136,199,0.45) 100%);border-color:rgba(168,85,159,0.4);transform:scale(1.06);box-shadow:0 8px 18px rgba(168,85,159,0.3),inset 0 1px 0 rgba(255,255,255,0.18)}.dashboard-tab-btn.active i{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.dashboard-tab-btn.active span{color:#fff;font-weight:700}.dashboard-tab-btn:active{transform:scale(0.98)}.dashboard-tab-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.dashboard-content-area{flex:1;min-width:0}.dashboard-welcome-header{margin-bottom:2rem;padding:0}.welcome-content{display:flex;flex-direction:column;gap:.25rem}.welcome-greeting{font-size:.875rem;font-weight:500;color:#94a3b8;margin:0;letter-spacing:.025em;text-transform:uppercase}.welcome-email{font-size:1.75rem;font-weight:700;color:var(--heading-color);margin:0;background:var(--btn-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}body.theme-light .welcome-greeting{color:#64748b}body.theme-light .welcome-email{color:var(--heading-color)}.tab-sliding-indicator{display:none}body.theme-light .dashboard-tabs{background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(241,245,249,0.95)) padding-box,linear-gradient(135deg,rgba(99,102,241,0.35),rgba(168,85,159,0.25)) border-box;border:1px solid transparent;box-shadow:0 16px 30px rgba(15,23,42,0.1)}body.theme-light .dashboard-tab-btn .icon-container{background:rgba(99,102,241,0.08);border-color:rgba(99,102,241,0.2)}body.theme-light .dashboard-tab-btn i{color:#475569}body.theme-light .dashboard-tab-btn span{color:#475569}body.theme-light .dashboard-tab-btn:hover:not(.active){background:rgba(99,102,241,0.08);border-color:rgba(99,102,241,0.2);box-shadow:0 10px 20px rgba(15,23,42,0.12)}body.theme-light .dashboard-tab-btn:hover:not(.active) .icon-container{background:rgba(99,102,241,0.16);box-shadow:0 6px 16px rgba(15,23,42,0.12)}body.theme-light .dashboard-tab-btn:hover:not(.active) i{color:#1e293b}body.theme-light .dashboard-tab-btn:hover:not(.active) span{color:#1e293b}body.theme-light .dashboard-tab-btn.active{background:linear-gradient(135deg,rgba(99,102,241,0.18) 0,rgba(168,85,159,0.18) 100%);border-color:rgba(99,102,241,0.3);box-shadow:0 12px 22px rgba(15,23,42,0.12),inset 0 1px 0 rgba(255,255,255,0.7)}body.theme-light .dashboard-tab-btn.active .icon-container{background:linear-gradient(135deg,rgba(168,85,159,0.35) 0,rgba(123,136,199,0.35) 100%);border-color:rgba(168,85,159,0.35);transform:scale(1.06);box-shadow:0 8px 16px rgba(99,102,241,0.2),inset 0 1px 0 rgba(255,255,255,0.35)}body.theme-light .dashboard-tab-btn.active i{color:#1e293b}body.theme-light .dashboard-tab-btn.active span{color:#1e293b}body.theme-light .dashboard-welcome-panel{background:linear-gradient(135deg,rgba(255,255,255,0.96),rgba(241,245,249,0.96)) padding-box,linear-gradient(135deg,rgba(99,102,241,0.35),rgba(168,85,159,0.25)) border-box;border:1px solid transparent;box-shadow:0 14px 26px rgba(15,23,42,0.08),inset 0 1px 0 rgba(255,255,255,0.7)}body.theme-light .welcome-panel-greeting{color:#64748b}body.theme-light .welcome-panel-email{color:#1e293b}body.theme-light .welcome-avatar{color:#1e293b;background:linear-gradient(135deg,rgba(168,85,159,0.4) 0,rgba(99,102,241,0.4) 100%);box-shadow:0 6px 14px rgba(99,102,241,0.2)}.dashboard-tab-content{display:none;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.dashboard-tab-content.active{display:block;opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.user-dashboard-container,.dashboard-tabs-wrapper,.dashboard-content-area,.dashboard-tab-btn,.dashboard-tab-btn i,.dashboard-tab-btn i::before,.dashboard-tab-btn span,.dashboard-tab-content{transition:none !important;animation:none !important}}@media (max-width:968px){.user-dashboard-container{flex-direction:column;gap:1.5rem;padding:0}.dashboard-tabs-wrapper{width:100%;position:static;top:auto;margin-right:0;z-index:60}.dashboard-content-area{width:100%;margin:0;padding:0}.dashboard-tab-content,.dashboard-tab-content.active{width:100%}.dashboard-page{width:100%;max-width:100%;padding:0}.dashboard-tabs,.dashboard-welcome-panel,.dashboard-logout-btn,.dashboard-page .user-overview-card,.dashboard-page .userpanel-sessions-card,.dashboard-page .userpanel-form-card,.dashboard-page .userpanel-action-card,.dashboard-page .userpanel-subcard,.dashboard-page .userpanel-session-card{width:100%;margin:0;border-radius:0}.dashboard-page .user-overview-card{width:100%;max-width:100%;margin:0}.dashboard-welcome-panel{width:100%;padding:12px}.welcome-avatar{width:36px;height:36px;font-size:.95rem}.welcome-panel-email{font-size:.9rem}.dashboard-welcome-header{margin-bottom:1.5rem}.welcome-greeting{font-size:.75rem}.welcome-email{font-size:1.375rem}.dashboard-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0;gap:10px;border-radius:18px;align-items:stretch}.dashboard-tab-btn{flex-direction:column;padding:12px 14px;min-width:0;width:100%;gap:6px}.dashboard-tab-btn .icon-container{width:34px;height:34px;border-radius:11px}.dashboard-tab-btn i{font-size:1.15rem}.dashboard-tab-btn span{font-size:.72rem;text-align:center}.dashboard-logout-form{width:100%}.dashboard-logout-btn{justify-content:center}}@media (max-width:520px){.dashboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){body:has(.dashboard-page):not(:has(.base-sidebar)) .base-sidebar-toggle{display:none !important}}@media (min-width:969px) and (max-width:1200px){.dashboard-tabs-wrapper{width:210px;margin-right:2rem}.dashboard-tab-btn{padding:10px 12px;gap:12px}.dashboard-tab-btn .icon-container{width:38px;height:38px}.dashboard-tab-btn i{font-size:1.3rem}.dashboard-tab-btn span{font-size:.8rem}}@media (min-width:969px){body:has(.base-sidebar--dashboard) .dashboard-tabs-wrapper{display:none !important}body:has(.base-sidebar--dashboard) .user-dashboard-container{display:block}body:has(.base-sidebar--dashboard) .dashboard-content-area{margin-left:0}}@media (max-width:968px){body:has(.base-sidebar--dashboard) .dashboard-tabs-wrapper{display:none !important}}.user-overview-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);align-items:center;justify-content:center}.user-overview-modal.show{display:flex}.dashboard-page{--panel-surface:rgba(15,23,42,0.82);--panel-surface-strong:rgba(15,23,42,0.92);--panel-soft:rgba(30,41,59,0.72);--panel-border:rgba(148,163,184,0.2);--panel-border-strong:rgba(148,163,184,0.35);--panel-accent:linear-gradient(135deg,rgba(168,85,159,0.75),rgba(99,102,241,0.75));--panel-glow:0 24px 60px rgba(15,23,42,0.55);--panel-text:#e2e8f0;--panel-muted:#94a3b8}body.theme-light .dashboard-page{--panel-surface:rgba(255,255,255,0.95);--panel-surface-strong:rgba(248,250,252,0.96);--panel-soft:rgba(241,245,249,0.9);--panel-border:rgba(148,163,184,0.35);--panel-border-strong:rgba(99,102,241,0.35);--panel-accent:linear-gradient(135deg,rgba(99,102,241,0.35),rgba(168,85,159,0.35));--panel-glow:0 24px 60px rgba(15,23,42,0.12);--panel-text:#0f172a;--panel-muted:#64748b}.dashboard-page .user-overview-card{background:var(--panel-surface);border:1px solid var(--panel-border);box-shadow:var(--panel-glow);border-radius:22px;padding:clamp(1.75rem,3vw,3rem);position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.dashboard-page .user-overview-card::before{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,rgba(148,163,184,0.4),rgba(99,102,241,0.25)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65}.dashboard-page .user-overview-card::after{content:none}.userpanel-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.userpanel-section-title{display:flex;flex-direction:column;gap:.4rem}.userpanel-kicker{text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:12px;color:var(--panel-muted)}.userpanel-title{margin:0;font-size:clamp(26px,2.8vw,38px);color:var(--panel-text);letter-spacing:-0.4px}.userpanel-subtitle{margin:0;color:var(--panel-muted);font-size:15px;letter-spacing:.2px}.userpanel-section-chips{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.userpanel-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel-soft);color:var(--panel-text);font-size:11px;font-weight:600;letter-spacing:.3px}.userpanel-chip-success{border-color:rgba(16,185,129,0.5);color:#10b981;background:rgba(16,185,129,0.12)}.userpanel-chip-warning{border-color:rgba(248,113,113,0.45);color:#f87171;background:rgba(248,113,113,0.1)}.userpanel-section{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.userpanel-section-title.user-overview-section-title{border-bottom:none;margin-bottom:1.25rem;padding-bottom:0;background-image:none;font-size:18px}.userpanel-section-title.user-overview-section-title::after{content:none}.userpanel-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.userpanel-info-item.user-overview-info-item{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:16px;padding:1rem 1.25rem;transition:transform .25s ease,box-shadow .25s ease}.dashboard-page .user-overview-info-label{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:var(--panel-muted)}.dashboard-page .user-overview-info-value{font-size:14px;color:var(--panel-text);letter-spacing:.2px}.userpanel-info-item.user-overview-info-item:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,23,42,0.25)}.userpanel-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.dashboard-page .user-overview-stats-card{margin:0;border:1px solid var(--panel-border);background:var(--panel-soft);box-shadow:0 16px 32px rgba(15,23,42,0.2)}.dashboard-page .user-overview-stats-card:hover{transform:translateY(-4px) scale(1.01)}.userpanel-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.userpanel-form-card{background:var(--panel-surface-strong);border:1px solid var(--panel-border);border-radius:18px;padding:1.5rem;box-shadow:0 18px 40px rgba(15,23,42,0.3);display:flex;flex-direction:column;gap:1.25rem}.userpanel-form-head{display:flex;gap:.9rem;align-items:center}.userpanel-form-icon{width:44px;height:44px;border-radius:14px;background:var(--panel-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(99,102,241,0.35)}body.theme-light .userpanel-form-icon{color:#1e293b !important}.userpanel-form-title{margin:0;font-size:16px;color:var(--panel-text);letter-spacing:.2px}.userpanel-form-subtitle{margin:.2rem 0 0 0;color:var(--panel-muted);font-size:14px;letter-spacing:.2px}.userpanel-form-meta{margin:0;color:var(--panel-muted);font-size:14px;letter-spacing:.2px}.userpanel-form-note.user-overview-form-hint{background:rgba(99,102,241,0.12);border-left-color:rgba(99,102,241,0.6)}.dashboard-page .user-overview-form-input{background:rgba(2,6,23,0.6) !important;border:1px solid var(--panel-border) !important;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(15,23,42,0.2);transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}body.theme-light .dashboard-page .user-overview-form-input{background:rgba(255,255,255,0.95) !important}.dashboard-page .user-overview-form-input:focus{border-color:rgba(99,102,241,0.5) !important;box-shadow:0 0 0 2px rgba(99,102,241,0.18),0 10px 22px rgba(15,23,42,0.16)}.dashboard-page .user-overview-form-input:hover{border-color:rgba(148,163,184,0.5) !important;box-shadow:inset 0 0 0 1px rgba(148,163,184,0.18)}.dashboard-page .user-overview-modal-btn{border-radius:14px;background:rgba(148,163,184,0.12) !important;color:var(--panel-text) !important;border:1px solid var(--panel-border) !important}.dashboard-page .user-overview-modal-btn-primary{background:var(--panel-accent) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 14px 28px rgba(99,102,241,0.3)}body.theme-light .dashboard-page .user-overview-modal-btn-primary{color:#1e293b !important}.dashboard-page .user-overview-modal-btn-secondary{background:rgba(148,163,184,0.16) !important}.dashboard-page .user-overview-action-btn{background:rgba(15,23,42,0.6) !important;border:1px solid var(--panel-border) !important;color:var(--panel-text) !important}body.theme-light .dashboard-page .user-overview-action-btn{background:rgba(248,250,252,0.95) !important;color:#1e293b !important}.dashboard-page .user-overview-action-btn-primary{background:var(--panel-accent) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 12px 24px rgba(99,102,241,0.3)}.dashboard-page .user-overview-action-btn-danger{background:rgba(239,68,68,0.16) !important;border-color:rgba(239,68,68,0.45) !important;color:#fecaca !important}body.theme-light .dashboard-page .user-overview-action-btn-danger{color:#b91c1c !important}.userpanel-security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.userpanel-subcard{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.userpanel-subcard-accent{background:linear-gradient(135deg,rgba(15,23,42,0.9),rgba(30,41,59,0.85));border-color:rgba(99,102,241,0.35)}.userpanel-subcard-header{display:flex;flex-direction:column;gap:.4rem}.userpanel-subcard-title{margin:0;color:var(--panel-text);font-size:16px;letter-spacing:.2px}.userpanel-subcard-subtitle{margin:0;color:var(--panel-muted);font-size:15px;letter-spacing:.2px}.userpanel-mfa-methods-grid{display:grid;gap:1rem}.userpanel-mfa-method-card.user-overview-mfa-method-card{background:rgba(15,23,42,0.5);border:1px solid var(--panel-border);border-radius:16px;padding:1rem 1.25rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.dashboard-page .user-overview-mfa-method-icon{width:48px;height:48px;border-radius:14px;background:rgba(99,102,241,0.2);color:var(--panel-text);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem}.dashboard-page .user-overview-mfa-method-name{font-weight:700;color:var(--panel-text);margin-bottom:.2rem;font-size:16px;letter-spacing:.2px}.dashboard-page .user-overview-mfa-method-type,.dashboard-page .user-overview-mfa-method-last-used{color:var(--panel-muted);font-size:14px;letter-spacing:.2px}.dashboard-page .user-overview-mfa-method-actions{display:flex;justify-content:flex-end}.userpanel-mfa-options-grid{display:grid;gap:1rem}.user-overview-mfa-option-card{background:rgba(15,23,42,0.6);border:1px solid var(--panel-border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.dashboard-page .user-overview-mfa-option-icon{width:48px;height:48px;border-radius:14px;background:rgba(148,163,184,0.2);display:inline-flex;align-items:center;justify-content:center;color:var(--panel-text)}.dashboard-page .user-overview-mfa-option-title{margin:0;color:var(--panel-text);font-size:15px;letter-spacing:.2px}.dashboard-page .user-overview-mfa-option-description{margin:.25rem 0 0 0;color:var(--panel-muted);font-size:14px;letter-spacing:.2px}.userpanel-inline-separator{height:1px;background:rgba(148,163,184,0.2);margin:1rem 0}.userpanel-center-block{display:flex;justify-content:center}.userpanel-qr{max-width:200px;border:1px solid var(--panel-border);border-radius:14px;padding:.75rem;background:#fff}.userpanel-privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.userpanel-action-card{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.userpanel-action-card-danger{border-color:rgba(239,68,68,0.4);background:rgba(239,68,68,0.08)}.userpanel-action-card-danger .userpanel-action-icon{background:rgba(239,68,68,0.18);color:#fecaca}body.theme-light .dashboard-page .userpanel-action-card-danger .userpanel-action-icon{color:#b91c1c}.userpanel-action-head{display:flex;gap:1rem;align-items:center}.userpanel-action-icon{width:46px;height:46px;border-radius:14px;background:rgba(99,102,241,0.2);display:inline-flex;align-items:center;justify-content:center;color:var(--panel-text)}.userpanel-action-title{margin:0;color:var(--panel-text);font-size:16px;letter-spacing:.2px}.userpanel-action-subtitle{margin:.35rem 0 0 0;color:var(--panel-muted);font-size:14px;letter-spacing:.2px}.userpanel-action-note{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;background:rgba(99,102,241,0.12);color:var(--panel-text);font-size:14px;border:1px solid rgba(99,102,241,0.35);letter-spacing:.2px}.userpanel-action-note-danger{background:rgba(239,68,68,0.12);border-color:rgba(239,68,68,0.4)}.userpanel-sessions-grid{display:grid;gap:1rem}.userpanel-session-card.user-overview-session-card{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:18px;padding:1rem 1.25rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.dashboard-page .user-overview-session-icon{width:48px;height:48px;border-radius:14px;background:rgba(99,102,241,0.18);display:inline-flex;align-items:center;justify-content:center;color:var(--panel-text);font-size:1.2rem}.dashboard-page .user-overview-session-browser{display:flex;align-items:center;gap:.6rem;color:var(--panel-text);font-weight:600}.dashboard-page .user-overview-session-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.4rem;color:var(--panel-muted);font-size:14px;letter-spacing:.2px}.dashboard-page .user-overview-session-detail{display:inline-flex;align-items:center;gap:.4rem}.dashboard-page .user-overview-session-flag{width:20px;height:auto;border-radius:3px;box-shadow:0 4px 10px rgba(15,23,42,0.25)}.dashboard-page .user-overview-session-actions{display:flex;align-items:center;justify-content:flex-end}.dashboard-page .user-overview-session-current-label{display:inline-flex;align-items:center;justify-content:center;padding:clamp(1rem,2vw,1.375rem) clamp(1.25rem,2.5vw,1.75rem);font-size:clamp(0.9375rem,1.5vw,1.125rem);font-weight:700;background:rgba(16,185,129,0.16);border:2px solid rgba(16,185,129,0.45);border-radius:var(--radius-medium);color:#10b981;min-height:clamp(48px,6vw,56px)}body.theme-light .dashboard-page .user-overview-session-current-label{color:#059669;background:rgba(16,185,129,0.12)}.userpanel-session-badge{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.4);color:#10b981;padding:.2rem .6rem;border-radius:999px;font-size:13px;letter-spacing:.2px}.userpanel-empty-state{padding:2rem;text-align:center;border-radius:18px;border:1px dashed var(--panel-border);background:rgba(15,23,42,0.4)}.dashboard-tab-content.active .user-overview-card{animation:panelEnter .45s ease both}.dashboard-page .user-overview-card,.dashboard-page .userpanel-sessions-card,.dashboard-page .userpanel-form-card,.dashboard-page .userpanel-action-card,.dashboard-page .userpanel-subcard,.dashboard-page .userpanel-session-card{transition:transform .25s ease,box-shadow .25s ease,width .25s ease,max-width .25s ease}.dashboard-page .user-overview-card:hover,.dashboard-page .userpanel-sessions-card:hover,.dashboard-page .userpanel-form-card:hover,.dashboard-page .userpanel-action-card:hover,.dashboard-page .userpanel-subcard:hover,.dashboard-page .userpanel-session-card:hover{transform:translateY(-4px)}@keyframes panelEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}body.theme-light .dashboard-page .userpanel-empty-state{background:rgba(255,255,255,0.9)}body.theme-light .dashboard-page .user-overview-mfa-option-card,body.theme-light .dashboard-page .userpanel-form-card,body.theme-light .dashboard-page .userpanel-subcard,body.theme-light .dashboard-page .userpanel-session-card{background:rgba(255,255,255,0.9)}body.theme-light .dashboard-page .userpanel-subcard-accent{background:rgba(255,255,255,0.95);border-color:rgba(99,102,241,0.25)}.userpanel-empty-subtext{margin:.5rem 0 0 0;color:var(--panel-muted);font-size:14px;letter-spacing:.2px}@media (max-width:980px){.userpanel-section-header{flex-direction:column;align-items:flex-start}.userpanel-session-card.user-overview-session-card,.userpanel-mfa-method-card.user-overview-mfa-method-card{grid-template-columns:1fr;align-items:flex-start}}.search-field-group{display:flex;line-height:28px;align-items:center;position:relative;max-width:190px}.search-field-group .search-field-input{width:100%;height:40px;line-height:28px;padding:0 1rem;padding-left:2.5rem;border:2px solid transparent;border-radius:8px;outline:none;background-color:#f3f3f4;color:#0d0c22;transition:.3s ease}.search-field-group .search-field-input::placeholder{color:#9e9ea7}.search-field-group .search-field-input:focus,.search-field-group .search-field-input:hover{outline:none;border-color:rgba(0,48,73,0.4);background-color:#fff;box-shadow:0 0 0 4px rgb(0 48 73 / 10%)}.search-field-group .search-field-icon{position:absolute;left:1rem;fill:#9e9ea7;width:1rem;height:1rem}body:not(.theme-light) .search-field-group .search-field-input{background-color:rgba(30,41,59,0.6);color:#e2e8f0;border-color:rgba(71,85,105,0.5)}body:not(.theme-light) .search-field-group .search-field-input::placeholder{color:#94a3b8}body:not(.theme-light) .search-field-group .search-field-input:focus,body:not(.theme-light) .search-field-group .search-field-input:hover{background-color:rgba(30,41,59,0.8);border-color:var(--primary-blue);box-shadow:0 0 0 4px rgba(52,152,219,0.15)}body:not(.theme-light) .search-field-group .search-field-icon{fill:#94a3b8}.theme-switcher{position:fixed;top:calc(var(--navbar-offset) + 8px);right:12px;z-index:20000}@media (max-width:750px){.theme-switcher{display:none}}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0 8px;border-radius:50%;position:relative;z-index:1;margin-top:10px;background:var(--bg-dark) !important;border:3px solid var(--accent-blue);cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 16px rgba(99,102,241,0.4),0 0 0 1px rgba(99,102,241,0.1);color:#fff;font-size:1.4rem}.theme-toggle-button:hover{background:var(--primary-blue-hover);border-color:var(--accent-blue);color:#fff;transform:scale(1.1);box-shadow:0 6px 24px rgba(99,102,241,0.5),0 0 0 2px rgba(99,102,241,0.2)}.theme-toggle-button:active{transform:scale(0.95)}.theme-toggle-button:focus{outline:none;box-shadow:0 4px 16px rgba(99,102,241,0.4),0 0 0 1px rgba(99,102,241,0.1)}.theme-icon{display:inline-block;line-height:1}.theme-icon.fa-sun{display:none}body.theme-light .theme-icon.fa-moon{display:none}body.theme-light .theme-icon.fa-sun{display:inline-block}.port-checker-page{max-width:1200px;margin:0 auto;padding:32px 24px}.page-header{text-align:center;margin-bottom:48px;padding:24px 0 32px 0;position:relative}.page-header-content{position:relative;z-index:1}.page-header h1{font-size:40px;font-weight:700;margin:0 0 24px 0;color:var(--heading-color,#1a1a1a);line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;letter-spacing:-0.02em;background:linear-gradient(135deg,var(--heading-color,#1a1a1a) 0,var(--link,#06c) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme='dark'] .page-header h1{background:linear-gradient(135deg,var(--heading-color,#e0e0e0) 0,var(--link,#4da6ff) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description{font-size:19px;color:var(--muted-text,#666);margin:0;line-height:1.7;max-width:700px;margin:0 auto}.main-tool{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;padding:40px;margin-bottom:48px;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:relative;z-index:1}[data-theme='dark'] .main-tool{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}[data-theme='dark'] .input-field input[type='text'],[data-theme='dark'] .input-field input[type='number'],[data-theme='dark'] .input-field select{background:var(--gray-900,#0f0f0f);border-color:var(--gray-700,#3a3a3a);color:var(--text-color,#e0e0e0)}[data-theme='dark'] .input-field label{color:var(--text-color,#e0e0e0)}[data-theme='dark'] .port-btn{background:var(--gray-900,#0f0f0f);border-color:var(--gray-700,#3a3a3a)}[data-theme='dark'] .port-name{color:var(--text-color,#e0e0e0)}[data-theme='dark'] .port-num{color:var(--muted-text,#b0b0b0)}.tool-section{width:100%}.input-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.input-field{display:flex;flex-direction:column;gap:8px}.input-field.large{grid-column:1 / -1}.input-field.full-width{grid-column:1 / -1}.input-field.full-width input,.input-field.full-width textarea{width:100%;max-width:100%}.input-field label{font-size:16px;font-weight:600;color:var(--text-color,#1a1a1a);display:flex;align-items:center;gap:8px;margin-bottom:4px}.input-field label i{color:var(--link,#06c);font-size:16px}.input-wrapper{display:flex;gap:12px;align-items:stretch}.input-wrapper input{flex:1;box-sizing:border-box}.input-wrapper .btn-secondary{flex-shrink:0;white-space:nowrap;padding:0 20px;font-size:16px;margin-top:-4px}.input-with-button{display:flex;gap:8px;align-items:stretch}.input-with-button input{flex:1;box-sizing:border-box}.input-addon-btn{flex-shrink:0;white-space:nowrap;padding:14px 16px;font-size:16px;display:inline-flex;align-items:center;gap:6.4px;border-radius:8px;height:100%;line-height:1.5;border:2px solid var(--border-color,#ddd);border-radius:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:0;margin-top:-8px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--gray-100,#f0f0f0);color:var(--text-color,#333);gap:8px}.input-field input[type='text'],.input-field input[type='number']{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--border-color,#ddd);border-radius:10px;background:var(--card-bg,#fff);color:var(--text-color,#1a1a1a);transition:all .2s ease;line-height:1.4}.btn-check-port-inline{flex-shrink:0;white-space:nowrap;padding:0 20px;min-height:44px;margin-top:-8px;font-size:16px;line-height:1}.btn-cancel-port-inline{flex-shrink:0;white-space:nowrap;padding:0 16px;min-height:44px;margin-top:-4px;font-size:14px;line-height:1}.input-field select{width:100%;padding:14px 40px 14px 16px;font-size:16px;border:2px solid var(--border-color,#ddd);border-radius:10px;background:var(--card-bg,#fff);color:var(--text-color,#1a1a1a);transition:all .2s ease;line-height:1.5;min-height:44px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 16px center;background-size:12px}.input-field input:focus,.input-field select:focus{outline:none;border-color:var(--link,#06c);box-shadow:0 0 0 3px rgba(0,102,204,0.1)}[data-theme='dark'] .input-field select{background-image:url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e0e0e0' d='M6 9L1 4h10z'/%3E%3C/svg%3E)}.input-field input::placeholder{color:var(--gray-400,#999)}.input-help{font-size:14px;color:var(--muted-text,#666);margin-top:4px;line-height:1.4}.input-status{margin-left:auto;font-size:14px}.input-status.valid i{color:#28a745}.input-status.invalid i{color:#dc3545}.input-field .input-error-message{display:none;margin-top:6px;font-size:13px;font-weight:500;line-height:1.4;color:#dc3545}.input-field input.input-invalid,.input-field textarea.input-invalid,.input-field select.input-invalid{border-color:#dc3545 !important;box-shadow:0 0 0 3px rgba(220,53,69,0.14) !important}[data-theme='dark'] .input-field .input-error-message{color:#fca5a5}[data-theme='dark'] .input-field input.input-invalid,[data-theme='dark'] .input-field textarea.input-invalid,[data-theme='dark'] .input-field select.input-invalid{border-color:#f87171 !important;box-shadow:0 0 0 3px rgba(248,113,113,0.18) !important}.advanced-section{margin-bottom:32px;margin-top:32px;padding-top:32px;border-top:2px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .advanced-section{border-top-color:var(--gray-700,#3a3a3a)}.advanced-toggle{width:100%;background:var(--card-bg,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:10px;padding:24px 24px;cursor:pointer;transition:all .3s ease;text-align:left;user-select:none}.advanced-toggle.active{border-radius:10px 10px 0 0}[data-theme='dark'] .advanced-toggle{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.advanced-toggle:hover{background:rgba(0,102,204,0.05);border-color:var(--border-color,#e0e0e0)}[data-theme='dark'] .advanced-toggle:hover{background:rgba(0,102,204,0.1);border-color:var(--gray-700,#404040)}.advanced-toggle.active{border-color:var(--border-color,#e0e0e0);border-bottom-color:transparent;background:rgba(0,102,204,0.05)}[data-theme='dark'] .advanced-toggle.active{background:rgba(0,102,204,0.1);border-color:var(--gray-700,#404040)}.advanced-toggle.active .advanced-icon{transform:rotate(180deg)}.advanced-toggle-content{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.advanced-icon{font-size:14px;color:var(--link,#06c);transition:transform .3s ease,color .3s ease}.advanced-title{font-size:18px;font-weight:600;color:var(--text-color,#1a1a1a);transition:color .3s ease;display:flex;align-items:center;gap:12px}.advanced-title i{color:var(--link,#06c);font-size:16px}[data-theme='dark'] .advanced-title{color:var(--text-color,#e0e0e0)}.advanced-subtitle{font-size:16px;font-weight:400;color:var(--muted-text,#666);margin-left:8px}[data-theme='dark'] .advanced-subtitle{color:var(--muted-text,#b0b0b0)}.advanced-panel{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease,margin .4s ease;margin-top:0;padding:0 24px;background:var(--card-bg,#fff);border-radius:0 0 10px 10px;border:2px solid var(--border-color,#e0e0e0);border-top:none;border-width:0}.advanced-panel.open{border-width:2px}[data-theme='dark'] .advanced-panel{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.advanced-panel.open{max-height:500px;margin-top:0;padding:24px;animation:slideDown .4s ease}.advanced-panel-inner{opacity:0;transition:opacity .3s ease .1s}.advanced-panel.open .advanced-panel-inner{opacity:1}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-ports-section{margin-bottom:32px;padding-top:24px;border-top:1px solid var(--border-color,#e0e0e0)}.quick-ports-section .section-title{font-size:16px;font-weight:600;gap:8px}.quick-ports-section .section-title i{font-size:16px}.section-title{font-size:18px;font-weight:600;color:var(--text-color,#1a1a1a);margin-bottom:32px;display:flex;align-items:center;gap:12px}.section-title i{color:var(--link,#06c);font-size:16px}.quick-ports{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.port-btn{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:16px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;text-align:left;min-height:84px;width:100%;box-sizing:border-box;overflow:hidden}[data-theme='dark'] .port-btn{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.port-btn:hover{border-color:var(--link,#6366f1);transform:translateY(-2px);box-shadow:0 4px 16px rgba(99,102,241,0.1)}.port-btn:hover .port-icon{background:rgba(99,102,241,0.12)}.port-btn:hover .port-icon i{color:var(--link,#6366f1)}[data-theme='dark'] .port-btn:hover{border-color:var(--accent-blue,#818cf8);box-shadow:0 4px 16px rgba(129,140,248,0.12)}[data-theme='dark'] .port-btn:hover .port-icon{background:rgba(129,140,248,0.16)}.port-btn.active{border-color:var(--link,#6366f1);background:rgba(99,102,241,0.08);box-shadow:0 4px 16px rgba(99,102,241,0.12)}[data-theme='dark'] .port-btn.active{border-color:var(--accent-blue,#818cf8);background:rgba(129,140,248,0.12);box-shadow:0 4px 16px rgba(129,140,248,0.14)}.port-btn.active .port-icon{background:rgba(99,102,241,0.18)}.port-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,0.08);border-radius:10px;transition:all .2s ease}.port-icon i{font-size:21px;color:var(--link,#6366f1);transition:color .2s ease}.port-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.port-name{font-size:17px;font-weight:700;color:var(--text-color,#1a1a1a);transition:color .2s ease;line-height:1.25;word-break:break-word}.port-num{font-size:15px;font-weight:500;color:var(--muted-text,#666);transition:color .2s ease;font-family:'Courier New',monospace}.action-section-top{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:40px;padding-bottom:32px;border-bottom:2px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .action-section-top{border-bottom-color:var(--gray-700,#3a3a3a)}.port-checker-page .tool-nav ~ .main-tool .action-section-top{margin-top:8px;margin-bottom:24px;padding-top:24px;padding-bottom:0;border-top:2px solid var(--border-color,#e0e0e0);border-bottom:0}[data-theme='dark'] .port-checker-page .tool-nav ~ .main-tool .action-section-top{border-top-color:var(--gray-700,#3a3a3a)}.port-checker-page .tool-nav ~ .page-header .page-description{font-size:16px;line-height:1.6}.port-checker-page .tool-nav ~ .main-tool .action-section-top .btn-primary.large{font-size:16px;padding:20px 40px}.btn-primary,.btn-secondary,.btn-link,.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:20px 32px;font-size:16px;font-weight:600;border-radius:10px;border:0;cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1.4}.btn-primary.large{padding:24px 48px;font-size:18px}.btn-primary{background:var(--link,#06c);color:white;box-shadow:0 2px 8px rgba(0,102,204,0.3)}.btn-primary:hover{background:#0052a3;box-shadow:0 4px 12px rgba(0,102,204,0.4);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--gray-100,#f0f0f0);color:var(--text-color,#333);border:2px solid var(--border-color,#ddd)}.input-wrapper .btn-secondary{background:var(--gray-100,#f0f0f0);color:var(--text-color,#333);border:2px solid var(--border-color,#ddd);border-radius:10px;padding:0 20px;font-size:14px;line-height:1;font-weight:600}.input-wrapper .btn-secondary:hover{background:var(--gray-200,#e0e0e0)}.btn-secondary:hover{background:var(--gray-200,#e0e0e0)}.btn-link{background:none;color:var(--muted-text,#666);padding:12px 16px;border:none}.btn-link:hover{color:var(--text-color,#333);background:var(--gray-100,#f0f0f0)}.btn-icon{padding:12px;background:var(--gray-100,#f0f0f0);color:var(--text-color,#333);border:1px solid var(--border-color,#ddd)}.btn-icon:hover{background:var(--gray-200,#e0e0e0)}.input-status.loading::after{content:'';display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid var(--link,#06c);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.loading-section{text-align:center;padding:48px 32px}.spinner{font-size:34px;color:var(--link,#06c);margin-bottom:16px;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-section p{font-size:15px;color:var(--muted-text,#666);margin:0 0 24px 0}.progress-container{max-width:500px;margin:0 auto}.progress-bar{width:100%;height:10px;background:var(--gray-200,#e0e0e0);border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:var(--link,#06c);width:0;transition:width .3s ease;border-radius:5px}.results-section{margin-top:32px;padding:32px;background:var(--card-bg,#fff);border:1px solid transparent;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);animation:fadeIn .3s ease;position:relative;overflow:hidden}.results-section::before{content:'';position:absolute;inset:0;padding:1px;border-radius:12px;background:var(--result-accent-gradient,linear-gradient(130deg,rgba(148,163,184,0.25) 0,#94a3b8 25%,#64748b 50%,#94a3b8 75%,rgba(148,163,184,0.25) 100%));background-size:220% 220%;box-shadow:0 0 0 1px var(--result-accent-soft,rgba(100,116,139,0.16)),0 0 16px var(--result-accent-glow,rgba(100,116,139,0.22));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:result-accent-flow 2.8s ease-in-out infinite;pointer-events:none}.results-section::after{content:none}@keyframes result-accent-flow{0%{background-position:0 50%;opacity:.78}50%{background-position:100% 50%;opacity:1}100%{background-position:0 50%;opacity:.78}}[data-theme='dark'] .results-section{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-section.result-open{--result-accent:#22c55e;--result-accent-gradient:linear-gradient(130deg,rgba(74,222,128,0.2) 0,#4ade80 26%,#22c55e 50%,#16a34a 74%,rgba(74,222,128,0.2) 100%);--result-accent-glow:rgba(34,197,94,0.38);--result-accent-soft:rgba(34,197,94,0.16)}.results-section.result-closed{--result-accent:#ef4444;--result-accent-gradient:linear-gradient(130deg,rgba(248,113,113,0.2) 0,#f87171 26%,#ef4444 50%,#dc2626 74%,rgba(248,113,113,0.2) 100%);--result-accent-glow:rgba(239,68,68,0.36);--result-accent-soft:rgba(239,68,68,0.16)}.results-section.result-timeout,.results-section.result-error{--result-accent:#f59e0b;--result-accent-gradient:linear-gradient(130deg,rgba(251,191,36,0.2) 0,#fbbf24 26%,#f59e0b 50%,#d97706 74%,rgba(251,191,36,0.2) 100%);--result-accent-glow:rgba(245,158,11,0.34);--result-accent-soft:rgba(245,158,11,0.15)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color,#e0e0e0)}.results-header h2{font-size:24px;font-weight:600;margin:0;color:var(--heading-color,#1a1a1a);display:flex;align-items:center;gap:12px}.results-header h2 i{color:var(--link,#06c)}.results-actions{display:flex;gap:8px}.result-summary{margin-bottom:24px}.result-connection-display{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:var(--card-bg,#fff);border-radius:10px;border:1px solid var(--border-color,#e0e0e0);flex-wrap:wrap}[data-theme='dark'] .result-connection-display{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.result-host-port{font-family:'Courier New','Monaco',monospace;font-size:16px;font-weight:600;color:var(--text-color,#1a1a1a);flex:1;min-width:200px}[data-theme='dark'] .result-host-port{color:var(--text-color,#e0e0e0)}.result-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.result-info-item{padding:16px 20px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:10px;transition:all .2s ease}[data-theme='dark'] .result-info-item{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.result-info-item:hover{border-color:var(--link,#06c);box-shadow:0 2px 8px rgba(0,102,204,0.1)}.result-info-item.result-info-full{grid-column:1 / -1}.result-info-label{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-text,#666);margin-bottom:8px}[data-theme='dark'] .result-info-label{color:var(--muted-text,#b0b0b0)}.result-info-value{font-size:16px;font-weight:500;color:var(--text-color,#1a1a1a);line-height:1.5;word-break:break-word}[data-theme='dark'] .result-info-value{color:var(--text-color,#e0e0e0)}.copy-btn-small{background:transparent;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;padding:6.4px 9.6px;cursor:pointer;color:var(--muted-text,#666);transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.copy-btn-small:hover{background:var(--gray-100,#f0f0f0);border-color:var(--link,#06c);color:var(--link,#06c)}[data-theme='dark'] .copy-btn-small{border-color:var(--gray-700,#404040);color:var(--muted-text,#b0b0b0)}[data-theme='dark'] .copy-btn-small:hover{background:var(--gray-700,#404040);border-color:var(--link,#4da6ff);color:var(--link,#4da6ff)}.results-footer{padding-top:20px;border-top:1px solid var(--border-color,#e0e0e0);display:flex;align-items:center;gap:8px;font-size:15px;color:var(--muted-text,#666)}[data-theme='dark'] .results-footer{color:var(--muted-text,#b0b0b0)}.results-footer i{color:var(--link,#06c)}.copy-btn{padding:8px;background:transparent;border:1px solid var(--border-color,#ddd);border-radius:6px;color:var(--muted-text,#666);cursor:pointer;transition:all .2s ease;font-size:14px}.copy-btn:hover{background:var(--gray-100,#f0f0f0);color:var(--link,#06c);border-color:var(--link,#06c)}.copy-btn.copied{background:#28a745;color:white;border-color:#28a745}.batch-results{overflow-x:auto}.batch-results table{width:100%;border-collapse:collapse;font-size:16px}.batch-results thead{background:var(--gray-100,#f0f0f0);border-bottom:2px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .batch-results thead{background:var(--gray-800,#2d2d2d)}.batch-results th{padding:16px;text-align:left;font-weight:600;color:var(--heading-color,#1a1a1a);font-size:16px}.batch-results td{padding:16px;border-bottom:1px solid var(--border-color,#e0e0e0);color:var(--text-color,#333)}.batch-results tbody tr:hover{background:var(--gray-50,#f8f9fa)}[data-theme='dark'] .batch-results tbody tr:hover{background:var(--gray-800,#2d2d2d)}.batch-results tbody tr.result-open{background:rgba(40,167,69,0.05)}.batch-results tbody tr.result-closed{background:rgba(220,53,69,0.05)}.batch-results tbody tr.result-timeout,.batch-results tbody tr.result-error{background:rgba(245,158,11,0.05)}.batch-results code{background:var(--gray-100,#f0f0f0);padding:4px 8px;border-radius:4px;font-family:'Courier New',monospace}.history-section{margin-top:32px;margin-bottom:32px}[data-theme='dark'] .history-section{border-top-color:var(--gray-700,#3a3a3a)}.history-toggle{width:100%;background:var(--card-bg,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:10px;padding:24px 24px;cursor:pointer;transition:all .3s ease;text-align:left;user-select:none}.history-toggle.active{border-radius:10px 10px 0 0}[data-theme='dark'] .history-toggle{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.history-toggle:hover{background:rgba(0,102,204,0.05);border-color:var(--border-color,#e0e0e0)}[data-theme='dark'] .history-toggle:hover{background:rgba(0,102,204,0.1);border-color:var(--gray-700,#404040)}.history-toggle.active{border-color:var(--border-color,#e0e0e0);border-bottom-color:transparent;background:rgba(0,102,204,0.05)}[data-theme='dark'] .history-toggle.active{background:rgba(0,102,204,0.1);border-color:var(--gray-700,#404040)}.history-toggle.active .history-icon{transform:rotate(180deg)}.history-toggle-content{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.history-icon{font-size:14px;color:var(--link,#06c);transition:transform .3s ease,color .3s ease}.history-title{font-size:17px;font-weight:600;color:var(--text-color,#1a1a1a);transition:color .3s ease;display:flex;align-items:center;gap:12px}.history-title i{color:var(--link,#06c);font-size:16px}[data-theme='dark'] .history-title{color:var(--text-color,#e0e0e0)}.history-panel{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease,margin .4s ease;margin-top:0;padding:0 24px;background:var(--card-bg,#fff);border-radius:0 0 10px 10px;border:2px solid var(--border-color,#e0e0e0);border-top:none;border-width:0}.history-panel.open{border-width:2px}[data-theme='dark'] .history-panel{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.history-panel.open{max-height:800px;margin-top:0;padding:24px;animation:slideDown .4s ease}.history-panel-inner{opacity:0;transition:opacity .3s ease .1s}.history-panel.open .history-panel-inner{opacity:1}.history-list{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto;padding-top:8px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:24px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;transition:all .2s ease;gap:24px}[data-theme='dark'] .history-item{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.history-item:hover{border-color:var(--link,#06c);border-top-color:var(--link,#06c);box-shadow:0 4px 12px rgba(0,102,204,0.15);transform:translateY(-1px)}.history-item:first-child:hover{border-top-color:var(--link,#06c)}.history-item-content{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.history-item-main{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.history-item-connection{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--text-color,#1a1a1a);font-family:'Courier New','Monaco',monospace}[data-theme='dark'] .history-item-connection{color:var(--text-color,#e0e0e0)}.history-item-meta{display:flex;gap:24px;font-size:15px;color:var(--muted-text,#666);flex-wrap:wrap}[data-theme='dark'] .history-item-meta{color:var(--muted-text,#b0b0b0)}.history-item-meta span{display:flex;align-items:center;gap:8px}.history-item-meta i{color:var(--link,#06c);font-size:14px}.history-item-action{flex-shrink:0;display:flex;gap:8px}.history-item-action button{background:transparent;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;padding:9.6px;cursor:pointer;color:var(--muted-text,#666);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.history-item-action button:hover{background:var(--gray-100,#f0f0f0);border-color:var(--link,#06c);color:var(--link,#06c)}.history-item-action button.delete-btn:hover{background:#fee;border-color:#dc3545;color:#dc3545}[data-theme='dark'] .history-item-action button{border-color:var(--gray-700,#404040);color:var(--muted-text,#b0b0b0)}[data-theme='dark'] .history-item-action button:hover{background:var(--gray-700,#404040);border-color:var(--link,#4da6ff);color:var(--link,#4da6ff)}[data-theme='dark'] .history-item-action button.delete-btn:hover{background:rgba(220,53,69,0.2);border-color:#dc3545;color:#dc3545}.history-header-actions{display:flex;align-items:center;gap:12px}.btn-icon-small{background:transparent;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;padding:8px;cursor:pointer;color:var(--muted-text,#666);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px}.btn-icon-small:hover{background:var(--gray-100,#f0f0f0);border-color:var(--link,#06c);color:var(--link,#06c)}.btn-icon-small.delete-btn:hover{background:#fee;border-color:#dc3545;color:#dc3545}[data-theme='dark'] .btn-icon-small{border-color:var(--gray-700,#404040);color:var(--muted-text,#b0b0b0)}[data-theme='dark'] .btn-icon-small:hover{background:var(--gray-700,#404040);border-color:var(--link,#4da6ff);color:var(--link,#4da6ff)}[data-theme='dark'] .btn-icon-small.delete-btn:hover{background:rgba(220,53,69,0.2);border-color:#dc3545;color:#dc3545}.how-it-works-section{margin-top:64px;padding:48px 0;position:relative}.how-it-works-description{font-size:18px;color:var(--muted-text,#666);text-align:center;max-width:900px;margin:0 auto 64px auto;line-height:1.7}[data-theme='dark'] .how-it-works-description{color:var(--muted-text,#b0b0b0)}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;position:relative}.step-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.step-number{width:90px;height:90px;border-radius:22px;background:var(--card-bg,#fff);border:2px solid var(--border-color,#e2e8f0);color:var(--link,#6366f1) !important;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:700;margin-bottom:24px;box-shadow:0 4px 16px rgba(0,0,0,0.08);transition:all .3s ease;position:relative;z-index:2}.step-item:hover .step-number{transform:translateY(-6px);border-color:var(--link,#6366f1);box-shadow:0 12px 28px rgba(99,102,241,0.2)}[data-theme='dark'] .step-number{background:var(--gray-900,#0f172a);border-color:var(--gray-700,#334155);color:var(--accent-blue,#818cf8) !important;box-shadow:0 4px 16px rgba(0,0,0,0.4)}[data-theme='dark'] .step-item:hover .step-number{border-color:var(--accent-blue,#818cf8);box-shadow:0 12px 28px rgba(129,140,248,0.25)}.step-content{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:all .3s ease;width:100%;position:relative}.step-content:hover{box-shadow:0 4px 16px rgba(0,0,0,0.12);transform:translateY(-2px)}[data-theme='dark'] .step-content{background:var(--card-bg,#1e1e1e);border-color:var(--border-color,#404040);box-shadow:0 2px 12px rgba(0,0,0,0.3)}.step-title{font-size:18px;font-weight:700;color:var(--heading-color,#1a1a1a);margin:0 0 16px 0;line-height:1.3}[data-theme='dark'] .step-title{color:var(--heading-color,#e0e0e0)}.step-description{font-size:15px;line-height:1.6;color:var(--text-color,#1a1a1a);margin:0 0 16px 0}[data-theme='dark'] .step-description{color:var(--text-color,#e0e0e0)}.use-cases-section{margin-top:64px;padding:32px 0}.use-cases-description{font-size:18px;color:var(--muted-text,#666);text-align:center;max-width:900px;margin:0 auto 48px auto;line-height:1.7}[data-theme='dark'] .use-cases-description{color:var(--muted-text,#b0b0b0)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.use-cases-carousel{max-width:1200px;margin:0 auto;position:relative;padding:0 72px}.use-cases-carousel .base-carousel-cards__controls,.why-use-carousel .base-carousel-cards__controls,.features-carousel .base-carousel-cards__controls{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;z-index:2;pointer-events:none}.use-cases-carousel .base-carousel-cards__nav,.why-use-carousel .base-carousel-cards__nav,.features-carousel .base-carousel-cards__nav{position:absolute;pointer-events:auto;width:48px;height:48px;min-width:48px;min-height:48px;aspect-ratio:1 / 1;padding:0;border-radius:50%;box-sizing:border-box;line-height:1;flex-shrink:0}.use-cases-carousel .base-carousel-cards__nav--prev,.why-use-carousel .base-carousel-cards__nav--prev,.features-carousel .base-carousel-cards__nav--prev{left:-18px}.use-cases-carousel .base-carousel-cards__nav--next,.why-use-carousel .base-carousel-cards__nav--next,.features-carousel .base-carousel-cards__nav--next{right:-18px}.use-cases-carousel .base-carousel-cards__viewport,.why-use-carousel .base-carousel-cards__viewport,.features-carousel .base-carousel-cards__viewport{overflow:hidden;padding-top:8px;margin-top:-8px}.use-cases-carousel .base-carousel-cards__track,.why-use-carousel .base-carousel-cards__track,.features-carousel .base-carousel-cards__track{align-items:stretch}.use-cases-carousel .base-carousel-cards__item,.why-use-carousel .base-carousel-cards__item,.features-carousel .base-carousel-cards__item{display:flex;align-self:stretch}.use-cases-carousel .use-case-card{width:100%;height:100%}.use-cases-carousel .use-case-icon{display:flex}.why-use-carousel{max-width:1200px;margin:0 auto;position:relative;padding:0 72px}.why-use-carousel .why-use-card{width:100%;height:100%}.why-use-carousel .why-use-icon{display:flex}.use-cases-carousel .use-case-icon,.why-use-carousel .why-use-icon{width:72px;height:72px;border-radius:50%;margin-bottom:22px;position:relative;isolation:isolate;border:1px solid rgba(255,255,255,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 10px 26px rgba(0,0,0,0.28)}.use-cases-carousel .use-case-icon::before,.why-use-carousel .why-use-icon::before{content:'';position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle,rgba(139,167,255,0.22) 0,rgba(139,167,255,0) 72%);z-index:-1}.use-cases-carousel .use-case-icon::after,.why-use-carousel .why-use-icon::after{content:'';position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(255,255,255,0.25);opacity:.85}.use-cases-carousel .use-case-icon i,.why-use-carousel .why-use-icon i{font-size:30px;filter:drop-shadow(0 2px 8px rgba(255,255,255,0.22))}.use-cases-carousel .base-carousel-cards__item:nth-child(1) .use-case-icon,.why-use-carousel .base-carousel-cards__item:nth-child(1) .why-use-icon{background:linear-gradient(145deg,#4cc9f0 0,#1d4ed8 100%)}.use-cases-carousel .base-carousel-cards__item:nth-child(2) .use-case-icon,.why-use-carousel .base-carousel-cards__item:nth-child(2) .why-use-icon{background:linear-gradient(145deg,#34d399 0,#0f766e 100%)}.use-cases-carousel .base-carousel-cards__item:nth-child(3) .use-case-icon,.why-use-carousel .base-carousel-cards__item:nth-child(3) .why-use-icon{background:linear-gradient(145deg,#fbbf24 0,#b45309 100%)}.use-cases-carousel .base-carousel-cards__item:nth-child(4) .use-case-icon,.why-use-carousel .base-carousel-cards__item:nth-child(4) .why-use-icon{background:linear-gradient(145deg,#60a5fa 0,#1e3a8a 100%)}.use-cases-carousel .base-carousel-cards__item:nth-child(5) .use-case-icon,.why-use-carousel .base-carousel-cards__item:nth-child(5) .why-use-icon{background:linear-gradient(145deg,#f472b6 0,#be185d 100%)}.use-cases-carousel .base-carousel-cards__item:nth-child(6) .use-case-icon,.why-use-carousel .base-carousel-cards__item:nth-child(6) .why-use-icon{background:linear-gradient(145deg,#a78bfa 0,#4338ca 100%)}.features-carousel{max-width:1200px;margin:0 auto;position:relative;padding:0 72px}.features-carousel .feature-card{width:100%;height:100%}@media (max-width:768px){.use-cases-carousel{padding:0 52px}.use-cases-carousel .base-carousel-cards__controls,.why-use-carousel .base-carousel-cards__controls,.features-carousel .base-carousel-cards__controls{left:0;right:0}.use-cases-carousel .base-carousel-cards__nav--prev,.why-use-carousel .base-carousel-cards__nav--prev,.features-carousel .base-carousel-cards__nav--prev{left:-18px}.use-cases-carousel .base-carousel-cards__nav--next,.why-use-carousel .base-carousel-cards__nav--next,.features-carousel .base-carousel-cards__nav--next{right:-18px}.use-cases-carousel .base-carousel-cards__nav,.why-use-carousel .base-carousel-cards__nav,.features-carousel .base-carousel-cards__nav{width:42px;height:42px;min-width:42px;min-height:42px}.why-use-carousel{padding:0 52px}.features-carousel{padding:0 52px}}.use-case-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.use-case-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12);border-color:var(--link,#06c)}[data-theme='dark'] .use-case-card{background:var(--card-bg,#1e1e1e);border-color:var(--border-color,#404040)}[data-theme='dark'] .use-case-card:hover{border-color:#6b9fff}.use-case-icon{width:64px;height:64px;border-radius:16px;background:var(--link,#06c);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.use-case-icon i{font-size:24px;color:white}.use-case-title{font-size:18px;font-weight:700;color:var(--link,#06c);margin:0 0 16px 0;line-height:1.3}[data-theme='dark'] .use-case-title{color:#6b9fff}.use-case-description{font-size:15px;line-height:1.6;color:var(--text-color,#1a1a1a);margin:0;flex-grow:1}[data-theme='dark'] .use-case-description{color:var(--text-color,#e0e0e0)}.why-use-section{margin-top:64px;padding:48px 0}.why-use-description{font-size:18px;color:var(--muted-text,#666);text-align:center;max-width:900px;margin:0 auto 64px auto;line-height:1.7}[data-theme='dark'] .why-use-description{color:var(--muted-text,#b0b0b0)}.why-use-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto}.why-use-card{background:var(--card-bg,#fff);border-radius:16px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,0.08);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--border-color,#e0e0e0)}.why-use-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15);border-color:var(--link,#06c)}[data-theme='dark'] .why-use-card{background:var(--card-bg,#1e1e1e);border-color:var(--border-color,#404040)}[data-theme='dark'] .why-use-card:hover{border-color:#6b9fff}.why-use-icon{width:64px;height:64px;border-radius:16px;background:var(--link,#06c);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.why-use-icon i{font-size:27px;color:white}.why-use-card-title{font-size:18px;font-weight:700;color:var(--link,#06c);margin:0 0 12px 0;line-height:1.3}[data-theme='dark'] .why-use-card-title{color:var(--link,#4da6ff)}.why-use-card-description{font-size:15px;line-height:1.6;color:var(--text-color,#e0e0e0);margin:0}[data-theme='dark'] .why-use-card-description{color:var(--text-color,#e0e0e0)}.why-use-carousel .why-use-card-description strong{color:inherit;font-weight:700}.features-section{margin-top:64px;padding:48px 0}.features-description{font-size:18px;color:var(--muted-text,#666);text-align:center;max-width:900px;margin:0 auto 64px auto;line-height:1.7}[data-theme='dark'] .features-description{color:var(--muted-text,#b0b0b0)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto}.feature-card{background:var(--card-bg,#fff);border-radius:16px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,0.08);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--border-color,#e0e0e0)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15);border-color:var(--link,#06c)}[data-theme='dark'] .feature-card{background:var(--card-bg,#1e1e1e);border-color:var(--border-color,#404040)}[data-theme='dark'] .feature-card:hover{border-color:#6b9fff}.feature-icon{width:64px;height:64px;border-radius:16px;background:var(--link,#06c);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.feature-icon i{font-size:27px;color:white}.features-carousel .feature-icon{width:72px;height:72px;border-radius:50%;margin-bottom:22px;position:relative;isolation:isolate;border:1px solid rgba(255,255,255,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 10px 26px rgba(0,0,0,0.28)}.features-carousel .feature-icon::before{content:'';position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle,rgba(139,167,255,0.22) 0,rgba(139,167,255,0) 72%);z-index:-1}.features-carousel .feature-icon::after{content:'';position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(255,255,255,0.25);opacity:.85}.features-carousel .feature-icon i{font-size:30px;filter:drop-shadow(0 2px 8px rgba(255,255,255,0.22))}.features-carousel .base-carousel-cards__item:nth-child(1) .feature-icon{background:linear-gradient(145deg,#4cc9f0 0,#1d4ed8 100%)}.features-carousel .base-carousel-cards__item:nth-child(2) .feature-icon{background:linear-gradient(145deg,#34d399 0,#0f766e 100%)}.features-carousel .base-carousel-cards__item:nth-child(3) .feature-icon{background:linear-gradient(145deg,#fbbf24 0,#b45309 100%)}.features-carousel .base-carousel-cards__item:nth-child(4) .feature-icon{background:linear-gradient(145deg,#60a5fa 0,#1e3a8a 100%)}.features-carousel .base-carousel-cards__item:nth-child(5) .feature-icon{background:linear-gradient(145deg,#f472b6 0,#be185d 100%)}.features-carousel .base-carousel-cards__item:nth-child(6) .feature-icon{background:linear-gradient(145deg,#a78bfa 0,#4338ca 100%)}.feature-title{font-size:18px;font-weight:700;color:var(--link,#06c);margin:0 0 12px 0;line-height:1.3}[data-theme='dark'] .feature-title{color:var(--link,#4da6ff)}.feature-description{font-size:15px;line-height:1.6;color:var(--text-color,#e0e0e0);margin:0}[data-theme='dark'] .feature-description{color:var(--text-color,#e0e0e0)}.features-carousel .feature-description strong{color:inherit;font-weight:700}@media (max-width:768px){.why-use-grid,.features-grid{grid-template-columns:1fr;gap:16px}.why-use-card,.feature-card{padding:16px}.why-use-icon,.feature-icon{width:56px;height:56px;font-size:24px;margin-bottom:16px}.use-cases-carousel .use-case-icon,.why-use-carousel .why-use-icon{width:62px;height:62px}.use-cases-carousel .use-case-icon i,.why-use-carousel .why-use-icon i{font-size:25px}.features-carousel .feature-icon{width:62px;height:62px}.features-carousel .feature-icon i{font-size:25px}.why-use-card-title,.feature-title{font-size:16px;margin-bottom:8px}.why-use-card-description,.feature-description{font-size:16px}}.faq-section{margin-top:64px;padding:48px 0}.faq-description{font-size:18px;color:var(--muted-text,#666);text-align:center;max-width:900px;margin:0 auto 64px auto;line-height:1.7}[data-theme='dark'] .faq-description{color:var(--muted-text,#b0b0b0)}.faq-container{max-width:900px;margin:50px auto 0 auto;width:100%;box-sizing:border-box}.faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-medium,12px);margin-bottom:15px;overflow:hidden;transition:all .3s ease;width:100%;box-sizing:border-box}.faq-item:hover{border-color:var(--primary-blue,var(--link,#06c));box-shadow:0 4px 20px rgba(99,102,241,0.15),0 0 0 1px rgba(99,102,241,0.05) inset;transform:translateX(5px)}.faq-item[aria-expanded='true']{border-color:var(--primary-blue,var(--link,#06c))}.faq-question{width:100%;max-width:100%;background:transparent;border:none !important;padding:20px 25px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:25px;color:var(--heading-color);font-size:15px;font-weight:500;transition:color .3s ease;font-family:inherit;box-sizing:border-box;overflow:hidden;white-space:normal}.faq-question span{flex:1 1 auto !important;min-width:0 !important;max-width:100% !important;word-wrap:break-word !important;overflow-wrap:anywhere !important;word-break:break-word !important;line-height:1.5;white-space:normal !important;display:block}.faq-question:hover{color:var(--primary-blue,var(--link,#06c))}.faq-item[aria-expanded='true'] .faq-question{color:var(--primary-blue,var(--link,#06c))}.faq-question i{font-size:.9em;color:var(--primary-blue,var(--link,#06c));transition:transform .3s ease;flex-shrink:0}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 25px}.faq-item[aria-expanded='true'] .faq-answer{padding:0 25px 20px 25px}.faq-answer p{color:var(--muted-text);font-size:15px;line-height:1.7;margin:0 0 12px 0}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{color:var(--primary-blue,var(--link,#06c));font-weight:600}[data-theme='dark'] .faq-item{background:var(--card-bg,#1e1e1e);border-color:var(--border-color,#404040)}[data-theme='dark'] .faq-item:hover{background:var(--card-bg,#1e1e1e);box-shadow:0 3px 15px rgba(99,102,241,0.1),0 0 0 1px rgba(99,102,241,0.05) inset}[data-theme='dark'] .faq-item[aria-expanded='true']{background:var(--card-bg,#1e1e1e);box-shadow:0 4px 20px rgba(99,102,241,0.12)}[data-theme='dark'] .faq-question{color:var(--heading-color,#e0e0e0)}[data-theme='dark'] .faq-answer p{color:var(--muted-text,#b0b0b0)}@media (max-width:768px){.faq-item{width:100%;max-width:100%;box-sizing:border-box}.faq-question{padding:18px 20px;font-size:.95em;align-items:flex-start;gap:15px;width:100%;max-width:100%;box-sizing:border-box;white-space:normal}.faq-question span{flex:1 1 auto !important;min-width:0 !important;max-width:calc(100% - 30px) !important;padding-right:0;word-wrap:break-word !important;overflow-wrap:anywhere !important;word-break:break-word !important;hyphens:auto;white-space:normal !important;display:block !important}.faq-question i{flex-shrink:0;flex-grow:0;align-self:flex-start;margin-top:2px;width:auto}.faq-answer{padding:0 20px}.faq-item[aria-expanded='true'] .faq-answer{padding:0 20px 18px 20px}}.reference-section{margin-top:64px;padding:32px 0}.reference-description{font-size:18px;color:var(--muted-text,#666);text-align:center;max-width:800px;margin:0 auto 32px auto;line-height:1.7}[data-theme='dark'] .reference-description{color:var(--muted-text,#b0b0b0)}@media (max-width:768px){.port-checker-page{padding:16px}.page-header h1{font-size:24px}.page-description{font-size:14px}.main-tool{padding:24px}.input-row{grid-template-columns:1fr}.quick-ports{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.results-grid{grid-template-columns:1fr}.results-header{flex-direction:column;align-items:flex-start;gap:16px}.history-item{flex-direction:column;align-items:flex-start}.how-it-works-description{font-size:15px;margin-bottom:48px}.steps-container{grid-template-columns:1fr;gap:48px}.step-item:not(:last-child)::after{display:none}.step-number{width:72px;height:72px;font-size:24px}.step-content{padding:24px}.use-cases-grid{grid-template-columns:1fr;gap:24px}.use-case-card{padding:24px}}.ip-tools-page{max-width:1200px;margin:0 auto;padding:32px 24px}.main-ip-section{margin-bottom:48px}.ip-display-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:16px;padding:40px;margin-bottom:32px;box-shadow:0 4px 16px rgba(0,0,0,0.08);text-align:center}[data-theme='dark'] .ip-display-card{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.ip-display-header h2{font-size:24px;font-weight:700;color:var(--heading-color,#1a1a1a);margin:0 0 32px 0;display:flex;align-items:center;justify-content:center;gap:16px}.ip-display-header h2 i{color:var(--link,#06c)}[data-theme='dark'] .ip-display-header h2{color:var(--heading-color,#e0e0e0)}.ip-display-content{display:flex;flex-direction:column;align-items:center;gap:24px}.ip-info-container{display:flex;flex-direction:column;gap:32px}.ip-hero-section{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:relative;z-index:1;isolation:isolate}[data-theme='dark'] .ip-hero-section{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.ip-hero-header{margin-bottom:20px}.ip-hero-header h2{font-size:18px;font-weight:700;color:var(--heading-color,#1a1a1a);margin:0;display:flex;align-items:center;gap:12px}.ip-hero-header h2 i{color:var(--link,#06c);font-size:18px}[data-theme='dark'] .ip-hero-header h2{color:var(--heading-color,#e0e0e0)}.btn-refresh-ip{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gray-100,#f0f0f0);color:var(--text-color,#333);border:1px solid var(--border-color,#ddd);border-radius:8px;cursor:pointer;transition:all .2s ease;padding:0}.btn-refresh-ip:hover{background:var(--gray-200,#e0e0e0);border-color:var(--link,#06c);color:var(--link,#06c);transform:rotate(90deg)}.btn-refresh-ip:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme='dark'] .btn-refresh-ip{background:var(--gray-900,#0f0f0f);border-color:var(--gray-700,#3a3a3a);color:var(--text-color,#e0e0e0)}[data-theme='dark'] .btn-refresh-ip:hover{background:var(--gray-800,#1f1f1f);border-color:var(--link,#4da6ff);color:var(--link,#4da6ff)}.ip-hero-display{width:100%}.ip-addresses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ip-address-card{display:flex;flex-direction:column;padding:20px;background:rgba(0,102,204,0.05);border:1px solid transparent;border-radius:12px;transition:all .2s ease}[data-theme='dark'] .ip-address-card{background:rgba(77,166,255,0.1) !important;border-color:transparent !important}.ip-address-card:hover{border-color:var(--link,#06c);background:rgba(0,102,204,0.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,204,0.2)}[data-theme='dark'] .ip-address-card:hover{background:rgba(77,166,255,0.15) !important;border-color:var(--link,#4da6ff) !important;box-shadow:0 4px 12px rgba(77,166,255,0.25)}.ip-card-header{margin-bottom:16px;position:relative;z-index:10}.ip-card-label{display:flex;align-items:center;gap:8px;line-height:1}.ip-protocol-name{font-size:15px;font-weight:700;color:var(--muted-text,#666);text-transform:uppercase;letter-spacing:1px}[data-theme='dark'] .ip-protocol-name{color:var(--muted-text,#b0b0b0)}.ip-card-body{display:flex;align-items:center;gap:12px;min-height:48px}.ip-address-text{font-family:'Courier New','Monaco','Inconsolata','Roboto Mono',monospace;font-size:21px;font-weight:700;color:var(--text-color,#1a1a1a);background:none;border:0;padding:0;margin:0;flex:1;word-break:break-all;line-height:1.5}[data-theme='dark'] .ip-address-text{color:var(--text-color,#e0e0e0)}.ip-address-text.not-detected{color:var(--muted-text,#999);font-style:italic;font-weight:400;font-size:15px}[data-theme='dark'] .ip-address-text.not-detected{color:var(--muted-text,#999)}.btn-copy-ip-card{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color,#ddd);border-radius:6px;color:var(--muted-text,#666);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0;font-size:13px}.btn-copy-ip-card:hover{background:rgba(0,102,204,0.1);border-color:var(--link,#06c);color:var(--link,#06c);transform:scale(1.05)}[data-theme='dark'] .btn-copy-ip-card{border-color:var(--gray-700,#3a3a3a);color:var(--muted-text,#b0b0b0)}[data-theme='dark'] .btn-copy-ip-card:hover{background:rgba(77,166,255,0.2);border-color:var(--link,#4da6ff);color:var(--link,#4da6ff)}.ip-tooltip-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,0.2);z-index:1000}[data-theme='dark'] .ip-tooltip-popup{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.tooltip-content{position:relative}.tooltip-content h4{font-size:18px;font-weight:700;color:var(--heading-color,#1a1a1a);margin:0 0 16px 0}[data-theme='dark'] .tooltip-content h4{color:var(--heading-color,#e0e0e0)}.tooltip-content p{color:var(--text-color,#1a1a1a);line-height:1.6;margin:0 0 16px 0}[data-theme='dark'] .tooltip-content p{color:var(--text-color,#e0e0e0)}.tooltip-content ul{margin:8px 0 0 24px;padding:0}.tooltip-content li{color:var(--text-color,#1a1a1a);line-height:1.6;margin:8px 0}[data-theme='dark'] .tooltip-content li{color:var(--text-color,#e0e0e0)}.tooltip-close{position:absolute;top:-8px;right:-8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gray-100,#f0f0f0);border:1px solid var(--border-color,#ddd);border-radius:50%;color:var(--text-color,#333);cursor:pointer;transition:all .2s ease;padding:0}.tooltip-close:hover{background:var(--gray-200,#e0e0e0);border-color:var(--link,#06c);color:var(--link,#06c)}[data-theme='dark'] .tooltip-close{background:var(--gray-900,#0f0f0f);border-color:var(--gray-700,#3a3a3a);color:var(--text-color,#e0e0e0)}[data-theme='dark'] .tooltip-close:hover{background:var(--gray-800,#1f1f1f);border-color:var(--link,#4da6ff);color:var(--link,#4da6ff)}.tooltip-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;display:none}.tooltip-overlay.active{display:block}.ip-address-value{font-family:'Courier New','Monaco','Inconsolata','Roboto Mono',monospace;font-size:24px;font-weight:700;color:var(--link,#06c);flex:1;text-align:left}[data-theme='dark'] .ip-address-value,body[data-theme='dark'] .ip-address-value,html[data-theme='dark'] .ip-address-value{color:#fff}.ip-details-section{width:100%;margin-bottom:32px;position:relative}.ip-details-toggle{width:100%;background:var(--card-bg,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:10px;padding:24px 24px;cursor:pointer;transition:all .3s ease;text-align:left;user-select:none}.ip-details-toggle.active{border-radius:10px 10px 0 0}[data-theme='dark'] .ip-details-toggle{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.ip-details-toggle:hover{background:rgba(0,102,204,0.05);border-color:var(--border-color,#e0e0e0)}[data-theme='dark'] .ip-details-toggle:hover{background:rgba(0,102,204,0.1);border-color:var(--gray-700,#404040)}.ip-details-toggle.active{border-color:var(--border-color,#e0e0e0);border-bottom-color:transparent;background:rgba(0,102,204,0.05)}[data-theme='dark'] .ip-details-toggle.active{background:rgba(0,102,204,0.1);border-color:var(--gray-700,#404040)}.ip-details-toggle.active .ip-details-icon{transform:rotate(180deg)}.ip-details-toggle-content{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.ip-details-icon{font-size:14px;color:var(--link,#06c);transition:transform .3s ease,color .3s ease}.ip-details-title{font-size:18px;font-weight:700;color:var(--text-color,#1a1a1a);transition:color .3s ease;display:flex;align-items:center;gap:12px;margin:0;padding:0;border:none}.ip-details-title i{color:var(--link,#06c);font-size:17px}[data-theme='dark'] .ip-details-title{color:var(--text-color,#e0e0e0)}.ip-details-panel{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease,margin .4s ease;margin-top:0;padding:0 24px;background:var(--card-bg,#fff);border-radius:0 0 10px 10px;border:2px solid var(--border-color,#e0e0e0);border-top:none;border-width:0}.ip-details-panel.open{border-width:2px}[data-theme='dark'] .ip-details-panel{background:var(--gray-800,#2d2d2d);border-color:var(--gray-700,#404040)}.ip-details-panel.open{max-height:2000px;margin-top:0;padding:24px;animation:slideDown .4s ease}.ip-details-panel-inner{opacity:0;transition:opacity .3s ease .1s}.ip-details-panel.open .ip-details-panel-inner{opacity:1}.ip-details-container{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.ip-detail-group{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(0,102,204,0.05);border:1px solid transparent;border-radius:8px;transition:all .2s ease;min-height:56px}[data-theme='dark'] .detail-row{background:rgba(77,166,255,0.1);border-color:transparent}.detail-row:hover{border-color:var(--link,#06c);background:rgba(0,102,204,0.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,102,204,0.15)}[data-theme='dark'] .detail-row:hover{background:rgba(77,166,255,0.15);border-color:var(--link,#4da6ff);box-shadow:0 2px 8px rgba(77,166,255,0.2)}.detail-row.loading-state{opacity:.6}.detail-row.loading-state .detail-value{color:var(--muted-text,#999);font-style:italic}.detail-label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--muted-text,#666);flex-shrink:0}.detail-label i{color:var(--link,#06c);width:20px;text-align:center}[data-theme='dark'] .detail-label{color:var(--muted-text,#b0b0b0)}[data-theme='dark'] .detail-label i{color:var(--link,#4da6ff)}.detail-value{font-size:16px;font-weight:600;color:var(--text-color,#1a1a1a);text-align:right;word-break:break-word;flex:1;margin-left:16px}[data-theme='dark'] .detail-value{color:var(--text-color,#e0e0e0)}.ip-loading-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.95);border-radius:16px;align-items:center;justify-content:center;z-index:10}[data-theme='dark'] .ip-loading-overlay{background:rgba(31,31,31,0.95)}.loading-spinner{text-align:center;color:var(--text-color,#1a1a1a)}.loading-spinner i{font-size:24px;color:var(--link,#06c);margin-bottom:16px}.loading-spinner p{margin:0;font-size:16px;color:var(--muted-text,#666)}[data-theme='dark'] .loading-spinner{color:var(--text-color,#e0e0e0)}[data-theme='dark'] .loading-spinner p{color:var(--muted-text,#b0b0b0)}.btn-copy-ip{padding:12px 24px;background:var(--link,#06c);color:white;border:0;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-copy-ip:hover{background:#0052a3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,204,0.3)}.ip-type-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:rgba(0,102,204,0.1);color:var(--link,#06c);border-radius:50px;font-weight:600;font-size:14px}[data-theme='dark'] .ip-type-badge{background:rgba(77,166,255,0.2);color:var(--link,#4da6ff)}.ip-info-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:16px;padding:32px;box-shadow:0 4px 16px rgba(0,0,0,0.08)}[data-theme='dark'] .ip-info-card{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.ip-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .ip-info-header{border-bottom-color:var(--gray-700,#3a3a3a)}.ip-info-header h3{font-size:22px;font-weight:700;color:var(--heading-color,#1a1a1a);margin:0;display:flex;align-items:center;gap:12px}.ip-info-header h3 i{color:var(--link,#06c)}[data-theme='dark'] .ip-info-header h3{color:var(--heading-color,#e0e0e0)}.btn-refresh{padding:12px 20px;background:var(--gray-100,#f0f0f0);color:var(--text-color,#333);border:2px solid var(--border-color,#ddd);border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-refresh:hover{background:var(--gray-200,#e0e0e0);border-color:var(--link,#06c);color:var(--link,#06c)}[data-theme='dark'] .btn-refresh{background:var(--gray-900,#0f0f0f);border-color:var(--gray-700,#3a3a3a);color:var(--text-color,#e0e0e0)}.ip-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.ip-info-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--gray-50,#f8f9fa);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;transition:all .2s ease}[data-theme='dark'] .ip-info-item{background:var(--gray-900,#0f0f0f);border-color:var(--gray-700,#3a3a3a)}.ip-info-item:hover{border-color:var(--link,#06c);box-shadow:0 4px 12px rgba(0,102,204,0.1);transform:translateY(-2px)}.ip-info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,102,204,0.1);border-radius:10px;flex-shrink:0}.ip-info-icon i{font-size:18px;color:var(--link,#06c)}.ip-info-content{flex:1;min-width:0}.ip-info-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-text,#666);margin-bottom:8px}[data-theme='dark'] .ip-info-label{color:var(--muted-text,#b0b0b0)}.ip-info-value{font-size:14px;font-weight:600;color:var(--text-color,#1a1a1a);word-break:break-word}[data-theme='dark'] .ip-info-value{color:var(--text-color,#e0e0e0)}.tools-section{margin-bottom:64px}.tools-section-description{max-width:640px;margin:0 auto;font-size:16px;line-height:1.6;color:var(--muted-text,#666);text-align:center}.section-title{font-size:26px;font-weight:700;color:var(--heading-color,#1a1a1a);margin:0 0 32px 0;display:flex;align-items:center;gap:16px}.section-title i{color:var(--link,#06c);font-size:22px}[data-theme='dark'] .section-title{color:var(--heading-color,#e0e0e0)}[data-theme='dark'] .tools-section-description{color:var(--muted-text,#b0b0b0)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.tool-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:16px;padding:20px;text-decoration:none;color:inherit;display:flex;align-items:flex-start;gap:14px;transition:all .25s ease;position:relative}.tool-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,0.15);text-decoration:none;color:inherit}[data-theme='dark'] .tool-card:hover{box-shadow:0 6px 16px rgba(0,0,0,0.35)}.tool-icon{font-size:32px;line-height:1;flex-shrink:0;margin-top:2px;color:#6366f1;transition:transform .25s ease}.tool-card:hover .tool-icon{transform:scale(1.05)}.tool-content{min-width:0;flex:1}.tool-content h3{margin:0 0 6px 0;font-size:18px;line-height:1.35;color:var(--heading-color,#1a1a1a)}[data-theme='dark'] .tool-content h3{color:var(--heading-color,#e0e0e0)}.tool-content p{margin:0;font-size:15px;line-height:1.5;color:var(--muted-text,#666)}[data-theme='dark'] .tool-content p{color:var(--muted-text,#b0b0b0)}.tool-card[data-tool-category='ip'] .tool-icon{color:#4f46e5}.tool-card[data-tool-category='network'] .tool-icon{color:#0ea5e9}.tool-card[data-tool='port-scanner'] .tool-icon{color:#f59e0b}.tool-card[data-tool='proxy-check'] .tool-icon{color:#22c55e}.tool-card[data-tool='ip-blacklist-checker'] .tool-icon{color:#ef4444}.info-section{margin-bottom:64px}.info-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.info-card-full-width{grid-column:1 / -1}.info-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:16px;padding:32px;box-shadow:0 4px 16px rgba(0,0,0,0.08)}[data-theme='dark'] .info-card{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.info-card-header h3{font-size:19px;font-weight:700;color:var(--link,#06c);margin:0 0 24px 0;display:flex;align-items:center;gap:12px}[data-theme='dark'] .info-card-header h3{color:var(--link,#4da6ff)}.info-card-content{color:var(--text-color,#1a1a1a);line-height:1.7}[data-theme='dark'] .info-card-content{color:var(--text-color,#e0e0e0)}.info-card-content p{margin:0 0 16px 0}.info-card-content strong{color:var(--heading-color,#1a1a1a);font-weight:700}[data-theme='dark'] .info-card-content strong{color:var(--heading-color,#e0e0e0)}.info-card-content ul{margin:8px 0 24px 24px;padding:0}.info-card-content li{margin:8px 0}.comparison-table{width:100%;border-collapse:collapse;margin-top:16px}.comparison-table th,.comparison-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .comparison-table th,[data-theme='dark'] .comparison-table td{border-bottom-color:var(--gray-700,#3a3a3a)}.comparison-table th{background:var(--gray-100,#f0f0f0);font-weight:700;color:var(--heading-color,#1a1a1a)}[data-theme='dark'] .comparison-table th{background:var(--gray-900,#0f0f0f);color:var(--heading-color,#e0e0e0)}.comparison-table tr:hover{background:rgba(0,102,204,0.05)}[data-theme='dark'] .comparison-table tr:hover{background:rgba(77,166,255,0.1)}@media (max-width:768px){.ip-tools-page{padding:16px}.ip-display-card{padding:24px}.ip-addresses-grid{grid-template-columns:1fr;gap:16px}.ip-address-text{font-size:17px}.ip-address-text.not-detected{font-size:16px}.ip-tooltip-bubble{width:calc(100vw - 32px);max-width:320px;left:auto;right:0;transform:translateX(0) translateY(-8px)}.ip-tooltip-wrapper:hover .ip-tooltip-bubble,.ip-tooltip-wrapper:focus-within .ip-tooltip-bubble{transform:translateX(0) translateY(0)}.tooltip-arrow{left:auto;right:16px;transform:translateX(0)}.ip-hero-section{padding:20px}.ip-hero-header h2{font-size:16px}.ip-tooltip-popup{max-width:95%;padding:24px}.tooltip-content h4{font-size:16px}.ip-details-container{grid-template-columns:1fr;gap:24px}.detail-row{flex-direction:column;align-items:flex-start;gap:8px;min-height:auto;padding:16px}.detail-value{text-align:left;margin-left:0;width:100%}.ip-hero-header h2{font-size:18px}.ip-info-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr}.info-cards{grid-template-columns:1fr}.comparison-table{font-size:14px}.comparison-table th,.comparison-table td{padding:12px 8px}}.subnet-results{margin-top:32px;background:var(--card-bg,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:16px;padding:32px;animation:fadeIn .3s ease}[data-theme='dark'] .subnet-results{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.results-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .results-header{border-bottom-color:var(--gray-700,#3a3a3a)}.results-header h3{margin:0;font-size:18px;color:var(--heading-color,#1a1a1a);display:flex;align-items:center;gap:12px}[data-theme='dark'] .results-header h3{color:var(--heading-color,#e0e0e0)}.results-header h3 i{color:var(--link,#06c)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.result-item{display:flex;flex-direction:column;gap:8px}.result-label{font-size:14px;color:var(--text-color,#333);display:flex;align-items:center;gap:8px;font-weight:600}[data-theme='dark'] .result-label{color:var(--text-color,#d0d0d0)}.result-label i{color:var(--link,#06c);font-size:16px}.result-value{font-size:19px;font-weight:600;color:var(--text-color,#1a1a1a);font-family:monospace;word-break:break-all}[data-theme='dark'] .result-value{color:var(--text-color,#e0e0e0)}@media (max-width:768px){.results-grid{grid-template-columns:1fr}.subnet-results{padding:24px}.results-header h3{font-size:16px}.result-value{font-size:17px}.result-label{font-size:16px}.result-label i{font-size:15px}}.btn-copy-result{margin-top:8px;padding:8px 16px;background:var(--link,#06c);color:#fff;border:0;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-copy-result:hover{background:var(--link-hover,#0052a3);transform:translateY(-1px)}.btn-copy-result.copied{background:#27ae60}[data-theme='dark'] .btn-copy-result{background:var(--link,#4da6ff)}[data-theme='dark'] .btn-copy-result:hover{background:var(--link-hover,#66b3ff)}.result-item{position:relative}.result-ttl{font-size:14px;color:var(--text-color,#333);margin-top:8px;font-weight:600;line-height:1.4}[data-theme='dark'] .result-ttl,.dark .result-ttl,body[data-theme='dark'] .result-ttl,html[data-theme='dark'] .result-ttl,body.dark .result-ttl{color:var(--text-color,#e0e0e0);font-weight:600}.mode-toggle-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto 40px auto;padding:0;gap:16px}.mode-toggle{display:inline-flex;gap:0;background:transparent;border:0;border-radius:12px;padding:6px;box-shadow:none;position:relative;overflow:visible}.mode-btn{flex:1;padding:14px 28px;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;color:var(--gray-400,#999);transition:all .3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1;min-width:140px}[data-theme='light'] .mode-btn{color:var(--gray-500,#888)}.mode-btn i{color:inherit;transition:color .3s ease}.mode-btn:hover:not(.active){color:var(--gray-300,#bbb);background:transparent}[data-theme='light'] .mode-btn:hover:not(.active){color:var(--gray-600,#666);background:transparent}[data-theme='dark'] .mode-btn:hover:not(.active){color:var(--gray-200,#ddd);background:rgba(255,255,255,0.05)}.mode-btn.active{color:#fff !important;font-weight:700;z-index:2}.mode-btn.active i{color:#fff !important}.mode-btn.active::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#93c5fd 0,#c4b5fd 100%);border-radius:10px;z-index:-1}[data-theme='light'] .mode-btn.active::before{background:linear-gradient(135deg,#93c5fd 0,#c4b5fd 100%)}[data-theme='dark'] .mode-btn.active::before{background:linear-gradient(135deg,#93c5fd 0,#c4b5fd 100%)}.mode-btn.active::after{content:'';position:absolute;inset:-2px;border-radius:12px;padding:2px;background:linear-gradient(135deg,#60a5fa 0,#3b82f6 50%,#8b5cf6 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;box-shadow:0 0 12px rgba(96,165,250,0.6),0 0 24px rgba(59,130,246,0.4),0 0 36px rgba(139,92,246,0.3);animation:glow-pulse 2s ease-in-out infinite}[data-theme='light'] .mode-btn.active::after{background:linear-gradient(135deg,#3b82f6 0,#8b5cf6 100%);box-shadow:0 0 16px rgba(59,130,246,0.5),0 0 32px rgba(139,92,246,0.4),0 0 48px rgba(139,92,246,0.3)}.tooltip-wrapper{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;margin-left:8px}.tooltip-wrapper .tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#6c757d;font-size:12px;border-radius:50%;background-color:rgba(108,117,125,0.1);transition:all .2s ease;vertical-align:middle;line-height:1}.tooltip-wrapper:hover .tooltip-icon,.tooltip-wrapper:focus .tooltip-icon{color:#495057;background-color:rgba(108,117,125,0.2)}.mode-btn.active .tooltip-wrapper .tooltip-icon{color:#fff;background-color:rgba(0,0,0,0.2)}.mode-btn.active .tooltip-wrapper:hover .tooltip-icon,.mode-btn.active .tooltip-wrapper:focus .tooltip-icon{color:#fff;background-color:rgba(0,0,0,0.3)}[data-theme='dark'] .tooltip-wrapper .tooltip-icon{color:#adb5bd;background-color:rgba(173,181,189,0.15)}[data-theme='dark'] .tooltip-wrapper:hover .tooltip-icon,[data-theme='dark'] .tooltip-wrapper:focus .tooltip-icon{color:#ced4da;background-color:rgba(173,181,189,0.25)}[data-theme='dark'] .mode-btn.active .tooltip-wrapper .tooltip-icon{color:#fff;background-color:rgba(0,0,0,0.3)}[data-theme='dark'] .mode-btn.active .tooltip-wrapper:hover .tooltip-icon,[data-theme='dark'] .mode-btn.active .tooltip-wrapper:focus .tooltip-icon{color:#fff;background-color:rgba(0,0,0,0.4)}@keyframes glow-pulse{0%,100%{opacity:1;box-shadow:0 0 12px rgba(96,165,250,0.6),0 0 24px rgba(59,130,246,0.4),0 0 36px rgba(139,92,246,0.3)}50%{opacity:.8;box-shadow:0 0 16px rgba(96,165,250,0.8),0 0 32px rgba(59,130,246,0.6),0 0 48px rgba(139,92,246,0.5)}}.mode-toggle-info{width:100%;max-width:600px;padding:12px 16px;background:var(--card-bg,#fff);border-radius:8px;border:1px solid var(--border-color,#e0e0e0);display:none}.mode-toggle-info.mobile-only{display:block}@media (min-width:769px){.mode-toggle-info.mobile-only{display:none}}[data-theme='dark'] .mode-toggle-info{background:var(--gray-800,#1f1f1f);border-color:var(--border-color,#333)}.mode-info-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-muted,#666);line-height:1.5}[data-theme='dark'] .mode-info-item{color:var(--text-muted,#999)}.mode-info-item i{margin-top:2px;color:var(--primary-color,#06c);flex-shrink:0}[data-theme='dark'] .mode-info-item i{color:var(--primary-color,#4da6ff)}.input-mode{transition:opacity .3s ease}.input-field.full-width{width:100%}.input-field.full-width input,.input-field.full-width textarea{width:100%}.dropzone{border:2px dashed var(--border-color,#e0e0e0);border-radius:12px;padding:48px 32px;text-align:center;background:var(--card-bg,#fff);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}[data-theme='dark'] .dropzone{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.dropzone::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,102,204,0.1),transparent);transition:left .5s ease}[data-theme='dark'] .dropzone::before{background:linear-gradient(90deg,transparent,rgba(77,166,255,0.1),transparent)}.dropzone:hover{border-color:var(--link,#06c);background:rgba(0,102,204,0.02)}[data-theme='dark'] .dropzone:hover{background:rgba(77,166,255,0.05);border-color:var(--link,#4da6ff)}.dropzone:hover::before{left:100%}.dropzone.drag-over{border-color:var(--link,#06c);background:rgba(0,102,204,0.1);transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,0.15)}[data-theme='dark'] .dropzone.drag-over{background:rgba(77,166,255,0.15);border-color:var(--link,#4da6ff);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.dropzone.drag-over::before{left:100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.dropzone-icon{font-size:40px;color:var(--link,#06c);margin-bottom:16px;animation:bounce 2s infinite}[data-theme='dark'] .dropzone-icon{color:var(--link,#4da6ff)}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.dropzone.drag-over .dropzone-icon{animation:pulse .5s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.dropzone-text{font-size:15px;font-weight:600;color:var(--heading-color,#1a1a1a);margin-bottom:8px}[data-theme='dark'] .dropzone-text{color:var(--heading-color,#e0e0e0)}.dropzone-hint{color:var(--muted-text,#666);font-size:14px}[data-theme='dark'] .dropzone-hint{color:var(--muted-text,#999)}.dropzone-file-input{display:none}.file-name-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--gray-100,#f5f5f5);border-radius:8px;color:var(--text-color,#1a1a1a);font-size:14px}[data-theme='dark'] .file-name-display{background:var(--gray-700,#3a3a3a);color:var(--text-color,#e0e0e0)}.file-name-display i{color:var(--link,#06c)}[data-theme='dark'] .file-name-display i{color:var(--link,#4da6ff)}.file-name-display span{flex:1}.btn-icon-small{padding:4px 8px;background:transparent;border:0;color:var(--text-muted,#666);cursor:pointer;border-radius:4px;transition:all .2s ease}.btn-icon-small:hover{background:var(--gray-200,#e0e0e0);color:var(--text-color,#1a1a1a)}[data-theme='dark'] .btn-icon-small{color:var(--text-muted,#999)}[data-theme='dark'] .btn-icon-small:hover{background:var(--gray-600,#4a4a4a);color:var(--text-color,#e0e0e0)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .results-header{border-bottom-color:var(--gray-700,#3a3a3a)}.results-header-left{display:flex;align-items:center;gap:16px}.results-header-actions{display:flex;gap:8px}.batch-filters{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:transparent;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;flex-wrap:wrap}[data-theme='dark'] .batch-filters{border-color:var(--gray-700,#3a3a3a)}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px;flex:1}.filter-group label{font-size:13px;font-weight:500;color:var(--text-color,#1a1a1a);display:flex;align-items:center;gap:8px}[data-theme='dark'] .filter-group label{color:var(--text-color,#e0e0e0)}.filter-select,.filter-input{padding:8px 12px;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;background:var(--card-bg,#fff);color:var(--text-color,#1a1a1a);font-size:14px}[data-theme='dark'] .filter-select,[data-theme='dark'] .filter-input{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a);color:var(--text-color,#e0e0e0)}.data-table tbody tr.hidden{display:none}.extracted-links-row{background:var(--gray-50,#fafafa)}[data-theme='dark'] .extracted-links-row{background:var(--gray-900,#0f0f0f)}.extracted-links-container{padding:16px}.extracted-links-header{margin-bottom:12px;font-size:14px;color:var(--text-color,#1a1a1a)}[data-theme='dark'] .extracted-links-header{color:var(--text-color,#e0e0e0)}.extracted-links-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.extracted-link-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--card-bg,#fff);border-radius:6px;border:1px solid var(--border-color,#e0e0e0);font-size:14px}[data-theme='dark'] .extracted-link-item{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.extracted-link-item a{flex:1;color:var(--link,#06c);text-decoration:none;word-break:break-all}.extracted-link-item a:hover{text-decoration:underline}[data-theme='dark'] .extracted-link-item a{color:var(--link,#4da6ff)}.link-response-time{font-size:12px;color:var(--muted-text,#999)}[data-theme='dark'] .link-response-time{color:var(--muted-text,#999)}.ping-console{background:var(--gray-900,#1a1a1a);border-radius:8px;padding:16px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:14px;line-height:1.3;color:#0f0;max-height:500px;overflow-y:auto}[data-theme='dark'] .ping-console{background:var(--gray-900,#0a0a0a)}.ping-console-header{display:flex;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.1)}.ping-console-prompt{color:#0f0;font-weight:bold;margin-right:8px}.ping-console-command{color:#fff}.ping-console-output{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.ping-console-output>*{margin:0 !important;padding:0 !important}.ping-console-line{display:block;margin:0 !important;padding:2px 0 !important;line-height:1.4 !important;word-wrap:break-word;white-space:pre-wrap;font-family:'Consolas','Monaco','Courier New',monospace;font-size:14px;color:#ccc;flex-shrink:0}.ping-console-info{color:#4da6ff}.ping-console-success{color:#0f0;font-weight:bold}.ping-console-error{color:#f44;font-weight:bold}.ping-console-warning{color:#fa0}.ping-console-separator{border:0;border-top:1px solid rgba(255,255,255,0.1);margin:8px 0}.ping-console-line.ping-console-separator{padding:0 !important}.ping-console-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1)}.ping-stat-item{display:flex;align-items:center;gap:8px}.ping-stat-label{color:#999;font-size:13px}.ping-stat-value{color:#0f0;font-weight:bold}.ping-stat-success{color:#0f0}.ping-stat-warning{color:#fa0}.ping-stat-error{color:#f44}.ping-console-output::-webkit-scrollbar{width:8px}.ping-console-output::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:4px}.ping-console-output::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px}.ping-console-output::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.spf-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.spf-info-box{background:var(--card-bg,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:12px;padding:20px;display:flex;flex-direction:column}[data-theme='dark'] .spf-info-box{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.spf-box-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted-text,#666);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}[data-theme='dark'] .spf-box-header{color:var(--muted-text,#999)}.spf-box-header i{color:var(--link,#06c);font-size:16px}.spf-box-content{flex:1}.spf-box-value{font-size:18px;font-weight:700;color:var(--text-color,#1a1a1a);font-family:monospace}[data-theme='dark'] .spf-box-value{color:var(--text-color,#e0e0e0)}.spf-status-text{font-size:18px;font-weight:700;font-family:monospace}.spf-valid{color:#28a745}.spf-invalid{color:#dc3545}.spf-error{color:#dc3545}.spf-warning{color:#ffc107}.spf-record-box{background:var(--card-bg,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:12px;padding:20px;margin-bottom:24px}[data-theme='dark'] .spf-record-box{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.spf-record-code{display:block;background:transparent;border:2px solid var(--border-color,#ddd);border-radius:8px;padding:16px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:16px;word-break:break-all;line-height:1.6;color:var(--text-color,#1a1a1a);margin:0}[data-theme='dark'] .spf-record-code{background:transparent !important;border-color:var(--gray-600,#4a4a4a) !important;border-width:2px !important;color:var(--text-color,#e0e0e0) !important}[data-theme='dark'] .spf-record-box .spf-record-code{background:transparent !important;border-color:var(--gray-600,#4a4a4a) !important;border-width:2px !important;color:var(--text-color,#e0e0e0) !important}[data-theme='dark'] .spf-record-box{background:var(--gray-800,#1f1f1f) !important;border-color:var(--gray-700,#3a3a3a) !important}.spf-alert-box{background:var(--card-bg,#fff);border:2px solid;border-radius:12px;padding:20px;margin-bottom:24px}[data-theme='dark'] .spf-alert-box{background:var(--gray-800,#1f1f1f)}.spf-error-box{border-color:#dc3545;background:rgba(220,53,69,0.05)}[data-theme='dark'] .spf-error-box{background:rgba(220,53,69,0.1)}.spf-warning-box{border-color:#ffc107;background:rgba(255,193,7,0.05)}[data-theme='dark'] .spf-warning-box{background:rgba(255,193,7,0.1)}.spf-error-box .spf-box-header{color:#dc3545}.spf-error-box .spf-box-header i{color:#dc3545}.spf-warning-box .spf-box-header{color:#ffc107}.spf-warning-box .spf-box-header i{color:#ffc107}.spf-list{margin:12px 0 0 0;padding-left:24px;list-style-type:disc}.spf-list li{margin-bottom:8px;line-height:1.5;color:var(--text-color,#333)}[data-theme='dark'] .spf-list li{color:var(--text-color,#d0d0d0)}.spf-mechanisms-grid-box{background:var(--card-bg,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:12px;padding:20px;margin-bottom:24px}[data-theme='dark'] .spf-mechanisms-grid-box{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.spf-mechanisms-tags{display:flex;flex-wrap:wrap;gap:12px;margin:0}.spf-mechanism-tag{display:inline-block;padding:10px 16px;background:transparent;border:2px solid var(--border-color,#ddd);border-radius:8px;font-size:16px;font-family:'Consolas','Monaco','Courier New',monospace;color:var(--text-color,#1a1a1a);line-height:1.6}[data-theme='dark'] .spf-mechanism-tag{border-color:#4a4a4a;color:#e0e0e0}.spf-mechanism-tag strong{color:var(--link,#06c);font-weight:600}[data-theme='dark'] .spf-mechanism-tag strong{color:#4a9eff}@media (max-width:768px){.spf-results-grid{grid-template-columns:1fr}}.blacklist-results-list{display:flex;flex-direction:column;gap:12px}.blacklist-item{padding:16px;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;background:var(--card-bg,#fff);transition:all .2s ease}[data-theme='dark'] .blacklist-item{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.blacklist-item.blacklist-listed{border-color:#dc3545;background:rgba(220,53,69,0.05)}[data-theme='dark'] .blacklist-item.blacklist-listed{background:rgba(220,53,69,0.15);border-color:#dc3545}.blacklist-item.blacklist-clean{border-color:#28a745;background:rgba(40,167,69,0.05)}[data-theme='dark'] .blacklist-item.blacklist-clean{background:rgba(40,167,69,0.15);border-color:#28a745}.blacklist-item-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.blacklist-item-header strong{flex:1;font-size:16px;color:var(--text-color,#1a1a1a)}[data-theme='dark'] .blacklist-item-header strong{color:var(--text-color,#e0e0e0)}.blacklist-status{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,0.1)}[data-theme='dark'] .blacklist-status{background:rgba(255,255,255,0.1)}.blacklist-response{font-size:14px;color:var(--muted-text,#666);font-family:'Consolas','Monaco','Courier New',monospace;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .blacklist-response{color:var(--muted-text,#999);border-top-color:var(--gray-700,#3a3a3a)}.blacklist-error{font-size:13px;color:#dc3545;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color,#e0e0e0)}.header-info-list{display:flex;flex-direction:column;gap:12px}.header-info-item{padding:12px;background:transparent;border:2px solid var(--border-color,#e0e0e0);border-radius:6px;font-size:15px;line-height:1.6;word-break:break-word;color:var(--text-color,#1a1a1a)}[data-theme='dark'] .header-info-item{background:transparent;border-color:var(--gray-700,#3a3a3a);color:var(--text-color,#e0e0e0)}.header-info-item strong{color:var(--link,#06c);margin-right:8px}[data-theme='dark'] .header-info-item strong{color:#4da6ff}.received-chain{display:flex;flex-direction:column;gap:16px}.received-hop{display:flex;gap:16px;padding:16px;background:transparent;border:2px solid var(--border-color,#e0e0e0);border-left:3px solid var(--link,#06c);border-radius:8px}[data-theme='dark'] .received-hop{background:transparent;border-color:var(--gray-700,#3a3a3a);border-left-color:#4da6ff}.received-hop-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--link,#06c);color:white;border-radius:50%;font-weight:700;font-size:16px}[data-theme='dark'] .received-hop-number{background:#4da6ff}.received-hop-details{flex:1;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.6}.received-hop-ip,.received-hop-host,.received-hop-time{color:var(--text-color,#1a1a1a)}[data-theme='dark'] .received-hop-ip,[data-theme='dark'] .received-hop-host,[data-theme='dark'] .received-hop-time{color:var(--text-color,#e0e0e0)}.received-hop-ip strong,.received-hop-host strong,.received-hop-time strong{color:var(--link,#06c);margin-right:8px}[data-theme='dark'] .received-hop-ip strong,[data-theme='dark'] .received-hop-host strong,[data-theme='dark'] .received-hop-time strong{color:#4da6ff}.ipv6-addresses-list{display:flex;flex-direction:column;gap:12px}.ipv6-address-item{padding:12px;background:transparent;border:2px solid var(--border-color,#e0e0e0);border-radius:6px}[data-theme='dark'] .ipv6-address-item{border-color:var(--gray-700,#3a3a3a)}.ipv6-address-code{font-family:'Consolas','Monaco','Courier New',monospace;font-size:15px;color:var(--text-color,#1a1a1a);word-break:break-all;line-height:1.6}[data-theme='dark'] .ipv6-address-code{color:var(--text-color,#e0e0e0)}.security-headers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.security-header-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;font-size:16px;font-weight:600}.security-header-item.security-header-present{border-color:#28a745;background:rgba(40,167,69,0.05);color:#28a745}[data-theme='dark'] .security-header-item.security-header-present{background:rgba(40,167,69,0.15);color:#6cff8f}.security-header-item.security-header-missing{border-color:#dc3545;background:rgba(220,53,69,0.05);color:#dc3545}[data-theme='dark'] .security-header-item.security-header-missing{background:rgba(220,53,69,0.15);color:#ff6b7a}.http-headers-list{display:flex;flex-direction:column;gap:12px}.http-header-item{padding:12px;background:transparent;border:2px solid var(--border-color,#e0e0e0);border-radius:6px;font-size:15px;line-height:1.6}[data-theme='dark'] .http-header-item{border-color:var(--gray-700,#3a3a3a)}.http-header-key{font-weight:700;color:var(--link,#06c);margin-bottom:4px;font-family:'Consolas','Monaco','Courier New',monospace}[data-theme='dark'] .http-header-key{color:#4da6ff}.http-header-value{color:var(--text-color,#1a1a1a);word-break:break-word;font-family:'Consolas','Monaco','Courier New',monospace}[data-theme='dark'] .http-header-value{color:var(--text-color,#e0e0e0)}.text-success{color:#28a745 !important}.text-error{color:#dc3545 !important}.text-warning{color:#ffc107 !important}.headers-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border-color,#e0e0e0)}[data-theme='dark'] .headers-section{border-top-color:var(--border-color,#333)}.headers-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.link-checker-mode-selector .tab-list{padding-left:8px;padding-right:8px}.link-checker-mode-selector .tab i{width:36px;min-width:36px;height:36px;line-height:1;overflow:visible}.header-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:8px}[data-theme='dark'] .header-item{background:var(--card-bg,#1f1f1f);border-color:var(--border-color,#333)}.header-name{font-size:14px;font-weight:600;color:var(--text-muted,#666);text-transform:uppercase;letter-spacing:.5px}[data-theme='dark'] .header-name{color:var(--text-muted,#999)}.header-value{font-size:15px;font-family:'Courier New',monospace;color:var(--text-color,#1a1a1a);word-break:break-all}[data-theme='dark'] .header-value{color:var(--text-color,#fff)}.ip-ranges-container{margin-top:16px}.ip-ranges-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:4px}.ip-range-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;transition:all .2s ease}[data-theme='dark'] .ip-range-item{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.ip-range-item:hover{background:rgba(0,102,204,0.05);border-color:var(--link,#06c)}[data-theme='dark'] .ip-range-item:hover{background:rgba(77,166,255,0.1);border-color:var(--link,#4da6ff)}.ip-range-value{flex:1;font-family:'Courier New',monospace;font-size:14px;color:var(--text-color,#1a1a1a);word-break:break-all;font-weight:500}[data-theme='dark'] .ip-range-value{color:var(--text-color,#e0e0e0)}.ip-range-item .btn-copy-result{flex-shrink:0;margin:0;padding:6.4px 12px;font-size:12px}@media (max-width:768px){.batch-filters{flex-direction:column}.filter-group{min-width:100%}.ip-ranges-list{grid-template-columns:1fr;max-height:300px}}.speed-test-container{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:32px}.speedometer-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.speedometer{position:relative;width:100%;max-width:450px;aspect-ratio:1.6 / 1;background:var(--card-bg,#fff);border-radius:20px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}[data-theme='dark'] .speedometer{background:var(--gray-800,#1f1f1f);box-shadow:0 8px 32px rgba(0,0,0,0.5)}.speedometer-svg{width:100%;height:100%}.speedometer-track{opacity:.12}[data-theme='dark'] .speedometer-track{opacity:.2}.speedometer-fill{transition:stroke-dashoffset .2s cubic-bezier(0.4,0,0.2,1)}#needleGroup{transform-origin:120px 120px;z-index:1;position:relative}#needle{transform-origin:0 0;transition:transform .2s cubic-bezier(0.4,0,0.2,1),stroke .4s ease}#needleShadow{transform-origin:0 0;transition:transform .2s cubic-bezier(0.4,0,0.2,1)}#needleCenter{transition:fill .4s ease,filter .4s ease}.tick-marks{opacity:.6}.speed-label{font-size:14px;font-weight:700;fill:var(--text-color,#666);opacity:.7}[data-theme='dark'] .speed-label{fill:var(--text-color,#b0b0b0);opacity:.8}.speedometer-value{text-align:center;display:flex;align-items:baseline;justify-content:center;gap:8px;width:100%;padding:16px 0}.speed-number{font-size:40px;font-weight:800;color:var(--text-color,#1a1a1a);font-family:'Courier New',monospace;line-height:1;letter-spacing:-2px}[data-theme='dark'] .speed-number{color:var(--text-color,#fff)}.speed-unit{font-size:19px;font-weight:600;color:var(--text-muted,#666);opacity:.8;margin-top:4.8px}[data-theme='dark'] .speed-unit{color:var(--text-muted,#b0b0b0);opacity:.9}.speedometer-label{text-align:center;font-size:16px;font-weight:700;color:var(--text-muted,#666);text-transform:uppercase;letter-spacing:3px;opacity:.8;width:100%}[data-theme='dark'] .speedometer-label{color:var(--text-muted,#b0b0b0);opacity:.9}.speed-results{width:100%;max-width:800px;margin-top:32px;animation:fadeIn .5s ease}.speed-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.speed-result-item{background:var(--card-bg,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}[data-theme='dark'] .speed-result-item{background:var(--gray-800,#1f1f1f);border-color:var(--gray-700,#3a3a3a)}.speed-result-item:hover{border-color:var(--link,#06c);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,204,0.15)}[data-theme='dark'] .speed-result-item:hover{box-shadow:0 4px 12px rgba(77,166,255,0.2)}.speed-result-label{font-size:14px;font-weight:600;color:var(--text-muted,#666);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}[data-theme='dark'] .speed-result-label{color:var(--text-muted,#b0b0b0)}.speed-result-label i{color:var(--link,#06c);font-size:16px}.speed-result-value{font-size:24px;font-weight:700;color:var(--text-color,#1a1a1a);font-family:monospace;line-height:1.2;margin-bottom:4px}[data-theme='dark'] .speed-result-value{color:var(--text-color,#e0e0e0)}.speed-result-unit{font-size:13px;font-weight:500;color:var(--text-muted,#666)}[data-theme='dark'] .speed-result-unit{color:var(--text-muted,#b0b0b0)}@media (max-width:768px){.speedometer{max-width:300px}.speed-number{font-size:30px}.speed-results-grid{grid-template-columns:repeat(2,1fr);gap:16px}.speed-result-item{padding:20px}.speed-result-value{font-size:21px}}.tool-nav{margin-bottom:32px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (max-width:768px){.port-checker-page .tool-nav ~ .page-header .page-description{font-size:14px;line-height:1.5}.port-checker-page .tool-nav ~ .main-tool .action-section-top .btn-primary.large{font-size:15px;padding:18px 30px}}