@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{width:var(--sidebar-width);background-color:var(--bg-color);border-right:1px solid var(--surface-border);z-index:200;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .3s;display:flex;overflow:hidden}.sidebar .logo{height:var(--header-height);color:var(--accent-color);border-bottom:1px solid var(--surface-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.sidebar-close-btn{color:var(--text-secondary);background:0 0;border-radius:6px;padding:.25rem;display:none}.sidebar-close-btn:hover{color:var(--text-primary);background:#ffffff14}.sidebar .menu{flex:1;padding:.75rem 0;overflow-y:auto}.menu-item{color:var(--text-secondary);border-left:3px solid #0000;align-items:center;gap:.875rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:var(--text-primary);background-color:#ffffff0d}[data-theme=light] .menu-item:hover{background-color:#0000000a}.menu-item.active{background-color:var(--accent-glow);color:var(--accent-color);border-left-color:var(--accent-color)}.sidebar-footer{color:var(--text-secondary);border-top:1px solid var(--surface-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.875rem;display:flex}.version-badge{background:var(--accent-glow);color:var(--accent-color);border:1px solid var(--accent-color);border-radius:20px;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0006}.sidebar-close-btn{justify-content:center;align-items:center;display:flex}.sidebar-overlay{display:block}}.header{height:var(--header-height);z-index:90;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{color:var(--text-primary);background:0 0;padding:.5rem;display:none}.header-title h2{margin:0;font-size:1.25rem}.header-title .subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.header-right{align-items:center;gap:1.5rem;display:flex}.search-bar input{border-radius:20px;width:250px;padding:.5rem 1rem}.theme-toggle{color:var(--text-secondary);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-toggle:hover{color:var(--accent-color);background:#ffffff1a}[data-theme=light] .theme-toggle:hover{background:#0000000d}@media (width<=768px){.header{padding:0 1rem}.mobile-menu-btn{display:block}.header-title .subtitle{display:none}.search-bar input{width:150px}}.dashboard-header{margin-bottom:2rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.tool-card{cursor:pointer;flex-direction:column;align-items:flex-start;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tool-card:hover{border-color:var(--accent-glow);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tool-icon-wrapper{background:var(--accent-glow);color:var(--accent-color);border-radius:var(--border-radius-md);justify-content:center;align-items:center;margin-bottom:1.25rem;padding:1rem;transition:background .2s;display:flex}.tool-card:hover .tool-icon-wrapper{background:var(--accent-color);color:#fff}.tool-card h3{margin-bottom:.5rem;font-size:1.125rem}.tool-card p{flex-grow:1;margin-bottom:1.5rem;font-size:.875rem}.btn-open{color:var(--text-primary);border:1px solid var(--surface-border);background:#ffffff0d;width:100%;padding:.5rem 1rem;font-size:.875rem}[data-theme=light] .btn-open{background:#00000005}.tool-card:hover .btn-open{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tool-page{flex-direction:column;gap:2rem;display:flex}.tool-header h1{margin-bottom:.5rem;font-size:1.75rem}.calculator-form{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;padding:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}#ipInput{width:300px}.cidr-input-wrapper{border:1px solid var(--surface-border);border-radius:var(--border-radius-sm);background:#0003;align-items:center;display:flex;overflow:hidden}[data-theme=light] .cidr-input-wrapper{background:#fff}.cidr-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.slash{color:var(--text-secondary);padding-left:1rem;font-weight:600}#cidrInput{width:80px;box-shadow:none;background:0 0;border:none}#cidrInput:focus{box-shadow:none}.results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.result-card{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;position:relative}.result-label{color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:700}.result-value{word-break:break-all;color:var(--text-primary);margin-bottom:1rem;font-family:monospace;font-size:1.125rem}.btn-copy{color:var(--text-secondary);border:1px solid var(--surface-border);background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.5rem;font-size:.875rem;display:flex}[data-theme=light] .btn-copy{background:#00000008}.btn-copy:hover{color:var(--text-primary);background:#ffffff1a}.text-success{color:var(--success)}@media (width<=768px){#ipInput{width:100%}.calculator-form{flex-direction:column;align-items:stretch}}.error-message{color:var(--error);border-radius:var(--border-radius-sm);border:1px solid var(--error);background:#ef44441a;padding:1rem;font-weight:500}.table-container{padding:1.5rem;overflow:hidden}.table-header-actions{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.table-header-actions h3{margin:0;font-size:1.125rem}.subnet-table{border-collapse:collapse;text-align:left;width:100%}.subnet-table th,.subnet-table td{border-bottom:1px solid var(--surface-border);white-space:nowrap;padding:.75rem 1rem}.subnet-table th{color:var(--text-secondary);background:#0003;font-size:.875rem;font-weight:600}[data-theme=light] .subnet-table th{background:#0000000d}.subnet-table tbody tr:hover{background:#ffffff0d}[data-theme=light] .subnet-table tbody tr:hover{background:#00000005}.subnet-table td{font-family:monospace;font-size:.875rem}.bandwidth-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.bandwidth-grid{grid-template-columns:1fr}}.p-6{padding:1.5rem}.section-title{color:var(--accent-color);margin-bottom:1.5rem;font-size:1.25rem}.bandwidth-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{border-radius:var(--border-radius-sm);border:1px solid var(--surface-border);gap:0;display:flex;overflow:hidden}[data-theme=light] .input-group{background:#fff}.input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.input-group input{box-shadow:none;background:#0003;border:none;border-radius:0}[data-theme=light] .input-group input{background:#fff}.input-group input:focus{box-shadow:none}.input-group select{border:none;border-left:1px solid var(--surface-border);cursor:pointer;background:#ffffff0d;border-radius:0;width:auto}[data-theme=light] .input-group select{background:#f3f4f6}.input-group select:focus{box-shadow:none}.conversion-result{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.equals{color:var(--text-secondary);font-size:1.5rem;font-weight:300}.highlight-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.time-result-box{border:1px solid var(--accent-color);border-radius:var(--border-radius-sm);background:#2db8ac1a;flex-direction:column;gap:.25rem;margin-top:.5rem;padding:1rem;display:flex}.time-label{color:var(--accent-color);font-size:.875rem;font-weight:600}.time-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.mikrotik-container{flex-direction:column;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--surface-border);background:#0003;display:flex;overflow-x:auto}[data-theme=light] .tabs{background:#0000000d}.tab-btn{color:var(--text-secondary);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:1rem 1.5rem;font-weight:500}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:#2db8ac0d}.tab-content{padding:1.5rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.code-preview-container{border-top:1px solid var(--surface-border);background:#1e1e1e}[data-theme=light] .code-preview-container{background:#2d2d2d}.code-header{color:var(--text-secondary);background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;display:flex}.btn-copy-code{color:var(--text-secondary);background:0 0;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.btn-copy-code:hover{color:var(--text-primary)}.code-block{color:#d4d4d4;white-space:pre-wrap;word-break:break-all;margin:0;padding:1.5rem;font-family:Consolas,Monaco,monospace;font-size:.875rem}.code-block code{color:#9cdcfe}.password-container{max-width:800px;padding:2rem}.password-display{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.password-input{border:1px solid var(--surface-border);border-radius:var(--border-radius-md);color:var(--text-primary);letter-spacing:2px;background:#0000004d;flex:1;padding:1rem;font-family:monospace;font-size:1.5rem}[data-theme=light] .password-input{background:#fff}.btn-icon{border:1px solid var(--surface-border);color:var(--text-secondary);border-radius:var(--border-radius-md);background:#ffffff0d;justify-content:center;align-items:center;width:54px;height:54px;display:flex}[data-theme=light] .btn-icon{background:#00000008}.btn-icon:hover{color:var(--text-primary);border-color:var(--accent-glow);background:#ffffff1a}.strength-indicator{margin-bottom:2rem;font-size:1.125rem}.strength-label{color:var(--text-secondary)}.strength-value{font-weight:700}.options-grid{border-top:1px solid var(--surface-border);grid-template-columns:1fr;gap:2rem;padding-top:2rem;display:grid}.length-group{flex-direction:column;gap:1rem;display:flex}.length-group label{color:var(--text-primary);font-size:1.125rem}input[type=range]{-webkit-appearance:none;background:0 0;border:none;width:100%;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-color);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-8px}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:var(--surface-border);border-radius:2px;width:100%;height:4px}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.checkbox-label{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;font-size:1rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-color)}.qr-container{min-height:500px;display:flex}.qr-form-section{border-right:1px solid var(--surface-border);flex:1;padding:2rem}.qr-tabs{gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.qr-tab{color:var(--text-secondary);border:1px solid var(--surface-border);background:#0003;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}[data-theme=light] .qr-tab{background:#0000000d}.qr-tab:hover{color:var(--text-primary);background:#ffffff0d}.qr-tab.active{background:var(--accent-glow);color:var(--accent-color);border-color:var(--accent-color)}.wifi-form,.contact-form,.email-form{flex-direction:column;gap:1.5rem;display:flex}.qr-preview-section{background:#0000001a;flex-direction:column;justify-content:center;align-items:center;width:400px;padding:2rem;display:flex}[data-theme=light] .qr-preview-section{background:#00000005}.qr-preview-box{border-radius:var(--border-radius-lg);background:#fff;padding:1.5rem;box-shadow:0 10px 25px -5px #0003}@media (width<=900px){.qr-container{flex-direction:column}.qr-form-section{border-right:none;border-bottom:1px solid var(--surface-border)}.qr-preview-section{width:100%}}.json-container{flex-direction:column;height:calc(100vh - 200px);min-height:500px;display:flex}.json-toolbar{border-bottom:1px solid var(--surface-border);background:#0003;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem;display:flex}[data-theme=light] .json-toolbar{background:#00000005}.btn-action{border:1px solid var(--surface-border);color:var(--text-primary);border-radius:var(--border-radius-sm);background:#ffffff0d;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}[data-theme=light] .btn-action{background:#0000000d}.btn-action:hover{border-color:var(--accent-glow);background:#ffffff1a}.btn-action.text-error{color:var(--error)}.btn-action.text-error:hover{border-color:var(--error);background:#ef44441a}.spacer{flex:1}.status-badge{border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.status-badge.success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.status-badge.error{color:var(--error);cursor:help;background:#ef44441a;border:1px solid #ef444433}.json-editors{flex:1;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--surface-border);flex-direction:column;flex:1;display:flex;position:relative}.editor-pane:last-child{border-right:none}.json-textarea{resize:none;width:100%;box-shadow:none;color:#d4d4d4;background:0 0;border:none;border-radius:0;flex:1;padding:1rem;font-family:Consolas,Monaco,monospace;font-size:.875rem}[data-theme=light] .json-textarea{color:#333}.json-textarea:focus{box-shadow:none;outline:none}.output-area{background:#0000001a}[data-theme=light] .output-area{background:#00000005}.btn-copy-sm{color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.btn-copy-sm:hover:not(:disabled){color:var(--text-primary)}.btn-copy-sm:disabled{opacity:.5;cursor:not-allowed}.json-error-msg{color:#fff;background:#ef4444e6;padding:.5rem 1rem;font-family:monospace;font-size:.875rem;position:absolute;bottom:0;left:0;right:0}@media (width<=768px){.json-editors{flex-direction:column}.editor-pane{border-right:none;border-bottom:1px solid var(--surface-border)}}.regex-container{flex-direction:column;display:flex;overflow:hidden}.regex-input-section{border-bottom:1px solid var(--surface-border);padding:1.5rem}.regex-wrapper{border:1px solid var(--surface-border);border-radius:var(--border-radius-sm);background:#0000004d;align-items:center;display:flex;overflow:hidden}[data-theme=light] .regex-wrapper{background:#fff}.regex-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.regex-slash{color:var(--accent-color);-webkit-user-select:none;user-select:none;padding:0 .75rem;font-family:monospace;font-size:1.25rem;font-weight:300}.regex-input{box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;padding:.75rem 0;font-family:monospace;font-size:1rem}.regex-input:focus{box-shadow:none;outline:none}.regex-flags-input{width:50px;box-shadow:none;color:var(--accent-color);background:0 0;border:none;border-radius:0;padding:.75rem .5rem;font-family:monospace;font-size:1rem;font-weight:600}.regex-flags-input:focus{box-shadow:none;outline:none}.regex-error{color:var(--error);margin-top:.75rem;font-family:monospace;font-size:.875rem}.flags-toggles{flex-wrap:wrap;gap:1.5rem;margin-top:1rem;display:flex}.flags-toggles .checkbox-label{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.flags-toggles .checkbox-label input[type=checkbox]{accent-color:var(--accent-color);width:16px;height:16px}.regex-test-section{flex-direction:column;flex:1;min-height:300px;display:flex}.regex-test-area{flex:1;position:relative}.regex-highlighted-bg{white-space:pre-wrap;word-break:break-word;color:var(--text-primary);pointer-events:none;padding:1rem;font-family:monospace;font-size:.9rem;line-height:1.6;position:absolute;inset:0;overflow:auto}.regex-test-textarea{color:#0000;width:100%;height:100%;min-height:200px;caret-color:var(--text-primary);resize:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:1rem;font-family:monospace;font-size:.9rem;line-height:1.6;position:relative}.regex-test-textarea:focus{box-shadow:none;outline:none}.regex-match{color:var(--text-primary);border-bottom:2px solid var(--accent-color);background:#2db8ac4d;border-radius:2px;padding:1px 0}.pane-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border);background:#0000004d;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex}[data-theme=light] .pane-header{background:#0000000d}.port-checker-container{flex-direction:column;gap:2rem;max-width:700px;padding:2rem;display:flex}.port-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.port-form .form-group:first-child{flex:2;min-width:200px}.port-group{flex:1;min-width:100px}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-result{border-radius:var(--border-radius-md);text-align:center;border:1px solid var(--surface-border);background:#0003;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;animation:.3s ease-out fadeIn;display:flex}[data-theme=light] .status-result{background:#00000005}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-open{background:#10b9811a;border-color:#10b98180}.status-open .status-icon{color:var(--success)}.status-closed{background:#ef44441a;border-color:#ef444480}.status-closed .status-icon{color:var(--error)}.status-error{background:#f59e0b1a;border-color:#f59e0b80}.status-error .status-icon{color:var(--warning)}.status-checking .status-icon{color:var(--accent-color)}.pulsing{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.status-text{color:var(--text-primary);font-size:1.25rem;font-weight:600}.status-details{color:var(--text-secondary);font-size:.95rem}.browser-warning{color:var(--text-secondary);opacity:.7;margin-top:1rem;font-size:.75rem;font-style:italic}@media (width<=600px){.port-form{flex-direction:column;align-items:stretch}.port-form button{margin-top:1rem}}.dns-form{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;padding:1.5rem;display:flex}.domain-group{flex:2;min-width:250px}.type-group{flex:1;min-width:150px}.dns-results{animation:.3s fadeIn}.results-card{padding:1.5rem}.results-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.results-header h2{color:var(--accent-color);margin:0;font-size:1.25rem}.error-alert{color:var(--error);background:#ef44441a;border-color:#ef44444d;align-items:center;gap:1rem;padding:1.25rem;display:flex}.no-records{color:var(--text-secondary);padding:1rem 0;font-style:italic}.table-responsive{overflow-x:auto}.results-table{border-collapse:collapse;text-align:left;width:100%}.results-table th{color:var(--text-secondary);border-bottom:1px solid var(--surface-border);background:#0003;padding:.75rem 1rem;font-size:.875rem;font-weight:600}[data-theme=light] .results-table th{background:#00000005}.results-table td{border-bottom:1px solid var(--surface-border);color:var(--text-primary);padding:1rem}.results-table tr:last-child td{border-bottom:none}.record-data{font-family:var(--mono);word-break:break-all;font-size:.9rem}@media (width<=768px){.dns-form{flex-direction:column;align-items:stretch}}.planner-layout{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.planner-config,.planner-results{padding:1.5rem}.planner-config h2,.planner-results h2{color:var(--text-primary);border-bottom:1px solid var(--surface-border);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem}.mb-4{margin-bottom:1.5rem}.mt-3{margin-top:1rem}.req-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.req-header h3{color:var(--text-secondary);margin:0;font-size:1rem}.btn-icon-small{background:var(--accent-glow);color:var(--accent-color);border:1px solid var(--accent-border);cursor:pointer;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.btn-icon-small:hover{background:var(--accent-color);color:#fff}.req-list{flex-direction:column;gap:.75rem;max-height:400px;margin-bottom:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.req-item{align-items:center;gap:.5rem;display:flex}.flex-2{flex:2}.flex-1{flex:1}.btn-icon-danger{color:var(--error);background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-icon-danger:hover{background:var(--error);color:#fff}.calculate-btn{width:100%}.error-text{color:var(--error);background:#ef44441a;border-radius:4px;padding:.75rem;font-size:.875rem}.no-data{color:var(--text-secondary);text-align:center;padding:2rem 0;font-style:italic}.vlsm-table td{vertical-align:middle}.text-accent{color:var(--accent-color);font-weight:600}.text-muted{color:var(--text-secondary)}.text-small{font-size:.75rem}.mono{font-family:var(--mono);font-size:.85rem}.text-error{color:var(--error);font-weight:700}.text-success{color:var(--success);font-weight:700}@media (width<=900px){.planner-layout{grid-template-columns:1fr}}.ssl-container{max-width:800px;padding:2rem}.ssl-search{margin-bottom:2rem}.browser-warning-box{border-radius:var(--border-radius-md);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.warning-content h3{color:var(--warning);margin-bottom:.5rem;font-size:1.125rem}.warning-content p{color:var(--text-primary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.btn-ssllabs{color:#fff;border-radius:var(--border-radius-sm);background:#00558b;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-ssllabs:hover{opacity:.9}.ssl-simulated-info{border:1px solid var(--surface-border);border-radius:var(--border-radius-md);background:#0003;padding:1.5rem}[data-theme=light] .ssl-simulated-info{background:#00000005}.info-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.info-header h3{color:var(--text-primary);margin:0;font-size:1.125rem}.ssl-checklist{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.ssl-checklist li{color:var(--text-secondary);padding-left:1.5rem;font-size:.9rem;position:relative}.ssl-checklist li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.ssl-checklist li strong{color:var(--text-primary)}@media (width<=600px){.search-wrapper{flex-direction:column}.browser-warning-box{flex-direction:column;gap:1rem}}.analyzer-container{padding:1.5rem}.search-wrapper{gap:1rem;display:flex}.search-wrapper input{flex:1}.analysis-results{animation:.4s fadeIn}.record-card{border:1px solid var(--surface-border);border-radius:var(--border-radius-md);background:#0003;padding:1.5rem}[data-theme=light] .record-card{background:#00000005}.record-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.record-header h2{color:var(--text-primary);margin:0;font-size:1.125rem}.raw-record{font-family:var(--mono);border-radius:var(--border-radius-sm);color:var(--accent-color);word-break:break-all;background:#0000004d;margin-bottom:1rem;padding:1rem}[data-theme=light] .raw-record{color:var(--primary-color);border:1px solid var(--surface-border);background:#ffffffb3}.record-analysis p{align-items:center;gap:.5rem;margin:.5rem 0 0;font-size:.95rem;display:flex}.no-record-msg{color:var(--error);margin:0;font-weight:500}.info-box{border-radius:var(--border-radius-md);color:var(--text-secondary);background:#3b82f61a;border:1px solid #3b82f64d;gap:1rem;padding:1.5rem;display:flex}.info-box p{margin:0;font-size:.9rem;line-height:1.5}.info-box strong{color:var(--text-primary)}@media (width<=600px){.search-wrapper{flex-direction:column}}.jwt-layout{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.jwt-input-section,.jwt-card{flex-direction:column;padding:1.5rem;display:flex}.jwt-input-section h2,.jwt-card h2{color:var(--text-primary);border-bottom:1px solid var(--surface-border);margin-bottom:1rem;padding-bottom:.75rem;font-size:1.125rem}.jwt-textarea{min-height:400px;font-family:var(--mono);resize:vertical;color:var(--text-primary);word-break:break-all;background:#0003;flex:1;font-size:.9rem}[data-theme=light] .jwt-textarea{background:#fff}.jwt-output-section{flex-direction:column;gap:1.5rem;display:flex}.json-block{border-radius:var(--border-radius-sm);font-family:var(--mono);color:var(--accent-color);background:#0000004d;margin:0;padding:1rem;font-size:.9rem;overflow-x:auto}[data-theme=light] .json-block{color:var(--primary-color);border:1px solid var(--surface-border);background:#f8fafc}.empty-state{color:var(--text-secondary);text-align:center;padding:2rem 0;font-style:italic}.payload-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.payload-header h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.exp-badge{border-radius:99px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:flex}.exp-badge.valid{color:var(--success);background:#10b98126}.exp-badge.expired{color:var(--error);background:#ef444426}.error-text{align-items:center;gap:.5rem;display:flex}@media (width<=900px){.jwt-layout{grid-template-columns:1fr}.jwt-textarea{min-height:200px}}.chmod-layout{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.chmod-matrix{padding:1.5rem;overflow-x:auto}.perms-table{border-collapse:collapse;width:100%}.perms-table th{text-align:center;color:var(--text-secondary);border-bottom:1px solid var(--surface-border);padding:1rem;font-weight:500}.perms-table th:first-child{text-align:left}.perms-table td{text-align:center;border-bottom:1px solid var(--surface-border);padding:1rem}.perms-table tr:last-child td{border-bottom:none}.role-name{color:var(--text-primary);text-transform:capitalize;font-weight:600;text-align:left!important}.checkbox-label{cursor:pointer;display:inline-flex;position:relative}.checkbox-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{border:1px solid var(--surface-border);background-color:#ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}[data-theme=light] .checkbox-custom{background-color:#fff}.checkbox-label input:checked~.checkbox-custom{background-color:var(--accent-color);border-color:var(--accent-color)}.checkbox-label input:checked~.checkbox-custom:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:6px;height:12px;margin-bottom:2px;position:absolute;transform:rotate(45deg)}.chmod-results{flex-direction:column;gap:1.5rem;display:flex}.result-card,.command-card{flex-direction:column;align-items:center;padding:1.5rem;display:flex}.result-card h3,.command-card h3{color:var(--text-secondary);margin-top:0;margin-bottom:1rem;font-size:1rem}.octal-input{text-align:center;width:150px;font-size:2.5rem;font-weight:700;font-family:var(--mono);letter-spacing:.5rem;color:var(--accent-color);background:0 0;border:2px solid #0000;padding:.5rem;transition:border-color .2s}.octal-input:focus{border-color:var(--accent-color);outline:none}.symbolic-display{font-size:1.5rem;font-weight:600;font-family:var(--mono);color:var(--text-primary);letter-spacing:2px;border-radius:var(--border-radius-sm);background:#0003;padding:.5rem 1rem}[data-theme=light] .symbolic-display{background:#0000000d}.terminal-box{border-radius:var(--border-radius-sm);background:#0f172a;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.cmd-text{color:#38bdf8;font-family:var(--mono);flex:1;font-size:1rem}.copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.copy-btn:hover{color:#fff}@media (width<=900px){.chmod-layout{grid-template-columns:1fr}}.cron-layout{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.cron-builder{padding:1.5rem}.cron-builder h2,.result-card h2{color:var(--text-primary);border-bottom:1px solid var(--surface-border);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem}.cron-inputs{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.cron-inputs input{font-family:var(--mono);text-align:center;font-size:1.125rem}.cron-presets h3{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.preset-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.btn-small{padding:.5rem .75rem;font-size:.875rem}.cron-result{flex-direction:column;display:flex}.result-card{height:100%;padding:1.5rem}.cron-display{margin-bottom:2rem}.cron-display .cmd-text{letter-spacing:2px;font-size:1.5rem}.cron-translation h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem}.cron-translation p{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:500;line-height:1.5}@media (width<=900px){.cron-layout{grid-template-columns:1fr}}.mac-layout{grid-template-columns:1fr;gap:2rem;max-width:800px;display:grid}.mac-input-section{padding:2rem}.search-wrapper{align-items:center;display:flex;position:relative}.search-wrapper input{font-family:var(--mono);flex:1;padding-left:3rem;font-size:1.25rem}.input-icon{justify-content:center;align-items:center;display:flex;position:absolute;left:1rem}.vendor-result{border:1px solid var(--surface-border);border-radius:var(--border-radius-md);background:#0003;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;animation:.3s fadeIn;display:flex}[data-theme=light] .vendor-result{background:#00000005}.vendor-info{flex-direction:column;display:flex}.vendor-label{color:var(--text-secondary);font-size:.875rem}.vendor-name{color:var(--text-primary);margin-top:.25rem;font-size:1.125rem}.mac-formats{padding:2rem;animation:.4s fadeIn}.mac-formats h2{color:var(--text-primary);border-bottom:1px solid var(--surface-border);margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem}.format-list{flex-direction:column;gap:1.25rem;display:flex}.format-item{justify-content:space-between;align-items:center;display:flex}.format-label{color:var(--text-secondary);flex:1;font-weight:500}.format-value-box{border-radius:var(--border-radius-sm);border:1px solid var(--surface-border);background:#0000004d;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1rem;display:flex}[data-theme=light] .format-value-box{background:#fff}.format-value-box code{font-family:var(--mono);color:var(--accent-color);min-width:160px;font-size:1rem}.format-value-box button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.format-value-box button:hover{color:var(--text-primary);background:#ffffff1a}[data-theme=light] .format-value-box button:hover{background:#0000000d}@media (width<=600px){.format-item{flex-direction:column;align-items:flex-start;gap:.5rem}.format-value-box{justify-content:space-between;width:100%}}.about-container{flex-direction:column;gap:2rem;max-width:800px;display:flex}.about-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem;display:flex}.about-icon-wrapper{background:var(--accent-glow);width:80px;height:80px;color:var(--accent-color);border:1px solid #2db8ac4d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.about-card p{max-width:600px;margin:0 auto;line-height:1.6}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.about-box{padding:1.5rem}.about-box h3{color:var(--accent-color);margin-bottom:1rem;font-size:1.25rem}.tech-list{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.tech-list li{color:var(--text-secondary);padding-left:1.5rem;position:relative}.tech-list li:before{content:"→";color:var(--accent-color);position:absolute;left:0}.version-info{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.version-number{background:var(--accent-color);color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:1.125rem;font-weight:700}.version-date{color:var(--text-secondary);font-size:.875rem}.version-notes{font-size:.9rem}.about-footer{flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem;padding:2rem;display:flex}.made-with{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-weight:500;display:flex}.heart-icon{color:var(--error);fill:var(--error);animation:1.5s infinite heartbeat}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}to{transform:scale(1)}}.social-links{gap:1.5rem;display:flex}.social-link{color:var(--text-secondary);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.social-link:hover{color:var(--accent-color)}:root{--bg-color:#0b0f19;--surface-color:#111827b3;--surface-border:#ffffff1a;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-color:#2eb8aa;--accent-hover:#47d1c3;--accent-glow:#2db8ac33;--sidebar-width:260px;--header-height:70px;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:16px}[data-theme=light]{--bg-color:#f9fafb;--surface-color:#fffc;--surface-border:#0000001a;--text-primary:#111827;--text-secondary:#4b5563;--accent-glow:#2db8ac1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}.app-container{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.page-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}input,select,textarea{border:1px solid var(--surface-border);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);background:#0003;padding:.75rem 1rem;font-family:Inter,sans-serif;transition:all .2s}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}button{cursor:pointer;border-radius:var(--border-radius-sm);border:none;font-family:Inter,sans-serif;transition:all .2s}.btn-primary{background-color:var(--accent-color);color:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4{margin-bottom:1rem;font-weight:600}h1{font-size:2rem}h2{font-size:1.5rem}p{color:var(--text-secondary);margin-bottom:1rem}@media (width<=768px){.page-content{padding:1rem}}