*{box-sizing:border-box;margin:0;padding:0}body{color:#e5e7eb;background:#020617;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.admin-bg{background:radial-gradient(circle at top,#1d4ed8 0,#0f172a 40%,#020617 90%);min-height:100vh;padding:32px 16px}.admin-shell{max-width:960px;margin:0 auto}.admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-title{color:#f9fafb;font-size:32px;font-weight:700}.admin-subtitle{color:#94a3b8;font-size:14px}.admin-badge{color:#4ade80;background:#22c55e33;border:1px solid #22c55e66;border-radius:999px;padding:5px 12px;font-size:12px}.card{background:#0f172ae6;border:1px solid #94a3b840;border-radius:20px;margin-bottom:24px;padding:22px;box-shadow:0 18px 40px #0f172a99}.card-title{margin-bottom:12px;font-size:20px;font-weight:600}.stats-grid{gap:16px;display:flex}.stat-item{background:#0f172acc;border:1px solid #374151b3;border-radius:12px;flex:1;padding:12px 14px}.stat-label{color:#9ca3af;font-size:12px}.stat-value{margin-top:6px;font-size:22px;font-weight:700}.form-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr);align-items:center;gap:16px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.input{color:#e5e7eb;background:#0f172ad9;border:1px solid #4b5563e6;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-size:14px}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6b3}.alias-input-wrap{background:#0f172ad9;border:1px solid #4b5563e6;border-radius:12px;align-items:center;display:flex;overflow:hidden}.alias-input-wrap input{border:none;border-radius:0}.alias-suffix{color:#94a3b8;border-left:1px solid #374151cc;padding:0 12px;font-size:13px}.field-hint-full{color:#6b7280;grid-column:1/-1;margin-top:-4px;font-size:12px}.form-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{filter:brightness(1.1)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:#9ca3af;border-bottom:1px solid #374151b3;padding:10px 12px;font-weight:500}.table td{border-bottom:1px solid #374151b3;padding:10px 12px}.status-pill{border-radius:999px;padding:4px 12px;font-size:12px;display:inline-block}.status-on{color:#4ade80;background:#22c55e26;border:1px solid #22c55e66}.status-off{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b859}.btn-danger{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef444480;border-radius:999px;padding:7px 14px;font-size:13px}.btn-danger:hover{background:#ef444438}.alias-click{font:inherit;color:#e5e7eb;cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0}.alias-click:hover{color:#93c5fd;text-decoration:underline}.alias-click-copied{color:#4ade80}.alias-copied-label{color:#4ade80;opacity:.9;margin-left:8px;font-size:11px}.cell-actions{gap:8px;display:flex}.btn-secondary{color:#e5e7eb;cursor:pointer;background:#0f172a99;border:1px solid #94a3b880;border-radius:999px;padding:7px 14px;font-size:13px}.btn-secondary:hover{background:#1e40af80}.btn-read-mail{position:relative}.btn-read-mail-new .badge-new{color:#fff;background:#ff4d4f;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:10px}.btn-read-mail-new{box-shadow:0 0 0 1px #ff4d4f80}.mail-body{color:#e5e7eb;background:#0f172acc;border:1px solid #94a3b840;border-radius:10px;max-height:420px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.6;overflow-y:auto}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.field-hint-full{margin-top:-2px}}.login-container{background:radial-gradient(circle at top,#1d4ed8 0,#0f172a 40%,#020617 90%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#0f172ae6;border:1px solid #94a3b840;border-radius:20px;width:100%;max-width:400px;padding:40px;box-shadow:0 18px 40px #0f172a99}.login-card h1{color:#f9fafb;margin-bottom:8px;font-size:28px;font-weight:700}.login-card p{color:#94a3b8;margin-bottom:24px;font-size:14px}.btn-google{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #94a3b866;border-radius:999px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-google:hover{background:#f3f4f6;box-shadow:0 4px 12px #00000026}.btn-logout{color:#e5e7eb;cursor:pointer;background:#0f172a99;border:1px solid #94a3b866;border-radius:999px;padding:8px 16px;font-size:13px;transition:all .2s}.btn-logout:hover{color:#f87171;background:#ef444426;border-color:#ef444480}.admin-role-badge{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf2466;border-radius:999px;margin-left:8px;padding:3px 10px;font-size:11px}.mail-view{margin-top:12px}.mail-meta{gap:24px;margin-bottom:12px;display:flex}.mail-label{color:#9ca3af;font-size:12px}.mail-subject{color:#f9fafb;font-size:16px;font-weight:600}.error-text{color:#f87171;margin-top:12px;font-size:14px}.form-grid-3{grid-template-columns:1fr 1fr 1.5fr;align-items:end;gap:16px;display:grid}.form-grid-3 select.input{appearance:none;cursor:pointer;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='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}@media (max-width:768px){.form-grid-3{grid-template-columns:1fr}}.filter-row{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:16px;display:flex}.filter-row .form-field{min-width:200px}.filter-stats{color:#9ca3af;gap:16px;padding-bottom:10px;font-size:13px;display:flex}.hint-text{color:#6b7280;font-size:14px}.pagination{border-top:1px solid #37415180;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.btn-page{color:#e5e7eb;cursor:pointer;background:#0f172a99;border:1px solid #94a3b866;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.btn-page:hover:not(:disabled){background:#3b82f633;border-color:#3b82f680}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#9ca3af;font-size:13px}.home-bg{background:radial-gradient(circle at top,#1f2937 0,#020617 45% 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.home-card{background:linear-gradient(135deg,#0f172af2,#0f172afa);border:1px solid #94a3b840;border-radius:20px;width:100%;max-width:600px;padding:32px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172abf}.home-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#38bdf81f,#0000 55%),radial-gradient(circle at 100% 100%,#818cf81f,#0000 55%);position:absolute;inset:-40%}.home-badge{color:#9ca3af;background:#0f172ae6;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px 6px 8px;font-size:12px;display:inline-flex;position:relative}.home-badge .badge-icon{font-size:16px}.home-title{color:#f9fafb;margin-bottom:10px;font-size:28px;font-weight:700;position:relative}.home-title .highlight{background:linear-gradient(90deg,#38bdf8,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text}.home-subtitle{color:#9ca3af;margin-bottom:20px;font-size:14px;position:relative}.status-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;font-size:12px;display:inline-flex;position:relative}.status-dot{background:#38bdf8;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid;position:relative}.info-item{background:#0f172acc;border:1px solid #94a3b840;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.info-label{color:#9ca3af}.info-value{color:#e5e7eb;font-weight:500}.home-actions{border-top:1px solid #94a3b840;flex-wrap:wrap;align-items:center;gap:12px;padding-top:20px;display:flex;position:relative}.action-label{color:#9ca3af;font-size:13px}.btn-zalo,.btn-admin{border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-zalo{color:#fff;background:linear-gradient(135deg,#0068ff,#00a2ff);border:1px solid #00a2ff80;box-shadow:0 4px 14px #0068ff4d}.btn-zalo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0068ff66}.btn-admin{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #8b5cf680;box-shadow:0 4px 14px #6366f14d}.btn-admin:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media (max-width:500px){.info-grid{grid-template-columns:1fr}.home-actions{flex-direction:column;align-items:flex-start}}.tools-section{margin-bottom:20px;position:relative}.tools-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.tool-link{color:#e5e7eb;background:#0f172acc;border:1px solid #94a3b840;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.tool-link:hover{background:#3b82f626;border-color:#3b82f666;transform:translateY(-2px)}.tool-icon{font-size:18px}.tool-bg{background:radial-gradient(circle at top,#1f2937 0,#020617 45% 100%);min-height:100vh;padding:24px 16px}.tool-container{max-width:800px;margin:0 auto}.back-link{color:#9ca3af;margin-bottom:16px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:#38bdf8}.tool-title{color:#f9fafb;margin-bottom:8px;font-size:28px;font-weight:700}.tool-desc{color:#9ca3af;margin-bottom:24px;font-size:14px}.tool-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.tool-grid,.tools-grid{grid-template-columns:1fr}}.tool-section{flex-direction:column;gap:10px;display:flex}.tool-section label{color:#9ca3af;font-size:13px}.tool-textarea{color:#e5e7eb;resize:vertical;background:#0f172ae6;border:1px solid #94a3b84d;border-radius:12px;width:100%;min-height:200px;padding:14px;font-family:monospace;font-size:13px}.tool-textarea:focus{border-color:#38bdf8;outline:none}.tool-textarea-sm{color:#e5e7eb;resize:vertical;background:#0f172ae6;border:1px solid #94a3b84d;border-radius:12px;width:100%;min-height:100px;padding:12px;font-size:14px}.tool-textarea-sm:focus{border-color:#38bdf8;outline:none}.tool-input{color:#e5e7eb;background:#0f172ae6;border:1px solid #94a3b84d;border-radius:12px;width:100%;padding:12px 14px;font-size:14px}.tool-input:focus{border-color:#38bdf8;outline:none}.tool-select{color:#e5e7eb;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b84d;border-radius:10px;padding:10px 14px;font-size:14px}.tool-actions{gap:10px;display:flex}.btn-tool{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-tool:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-tool-secondary{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #94a3b866;border-radius:999px;padding:10px 20px;font-size:14px;transition:all .2s}.btn-tool-secondary:hover{background:#94a3b81a}.btn-copy{color:#4ade80;cursor:pointer;background:#22c55e26;border:1px solid #22c55e66;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.btn-copy:hover{background:#22c55e40}.btn-copy-sm{color:#e5e7eb;cursor:pointer;background:#94a3b833;border:none;border-radius:6px;padding:6px 10px;font-size:12px}.tool-error{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:8px;margin-top:12px;padding:12px;font-size:14px}.tool-card{background:#0f172acc;border:1px solid #94a3b840;border-radius:16px;margin-bottom:20px;padding:20px}.tool-card h2{color:#f9fafb;margin-bottom:14px;font-size:16px}.tool-card h3{color:#e5e7eb;margin-bottom:10px;font-size:14px}.tool-hint{color:#6b7280;margin-top:6px;font-size:12px}.tool-list{color:#9ca3af;font-size:13px;list-style:none}.tool-list li{padding:6px 0 6px 20px;position:relative}.tool-list li:before{content:"•";color:#38bdf8;position:absolute;left:0}.password-options{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.password-options input[type=range]{width:100%;margin-top:6px}.checkbox-group{flex-wrap:wrap;gap:16px;display:flex}.checkbox-group label{color:#e5e7eb;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.password-result{background:#0f172ae6;border:1px solid #94a3b84d;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.password-result code{color:#4ade80;word-break:break-all;flex:1;font-family:monospace;font-size:14px}.encode-options{gap:10px;margin-top:10px;display:flex}.count-stats{color:#9ca3af;gap:20px;margin-top:12px;font-size:14px;display:flex}.count-stats strong{color:#38bdf8}.totp-display{text-align:center;background:#0f172acc;border:1px solid #94a3b840;border-radius:16px;padding:24px}.totp-code{color:#4ade80;letter-spacing:8px;cursor:pointer;font-family:monospace;font-size:48px;font-weight:700;transition:color .2s}.totp-code:hover{color:#86efac}.totp-timer{background:#94a3b833;border-radius:2px;width:100%;height:4px;margin:16px 0;overflow:hidden}.totp-progress{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width 1s linear}.totp-countdown{color:#9ca3af;margin-bottom:16px;font-size:14px}.totp-countdown strong{color:#38bdf8}.clean-stats{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.stat-saved{color:#4ade80;font-size:13px}.param-tags{flex-wrap:wrap;gap:8px;display:flex}.param-tag{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:12px}.home-actions-center{justify-content:center}.tab-buttons{gap:8px;margin-bottom:16px;display:flex}.tab-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.tab-btn.active{color:#3b82f6;background:#3b82f633;border-color:#3b82f680}.image-preview{text-align:center;background:#0f172a80;border-radius:12px;margin-top:12px;padding:16px}.qr-preview{text-align:center;background:#0f172acc;border:1px solid #94a3b840;border-radius:16px;margin-top:20px;padding:24px}.qr-preview img{border-radius:8px;margin-bottom:16px}.current-time{color:#e5e7eb;flex-direction:column;gap:8px;font-size:14px;display:flex}.current-time strong{color:#38bdf8}.result-box{color:#4ade80;word-break:break-all;background:#0f172ae6;border:1px solid #94a3b84d;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.uuid-options{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.uuid-options input[type=range]{width:100%;margin-top:6px}.uuid-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.uuid-list{flex-direction:column;gap:6px;display:flex}.uuid-item{cursor:pointer;background:#0f172ae6;border:1px solid #94a3b833;border-radius:8px;padding:10px 12px;transition:all .2s}.uuid-item:hover{background:#3b82f61a;border-color:#3b82f680}.uuid-item code{color:#e5e7eb;font-family:monospace;font-size:13px}.regex-input-row{align-items:center;gap:4px;display:flex}.regex-slash{color:#9ca3af;font-size:18px}.regex-pattern{flex:1}.flag-hints{color:#6b7280;gap:12px;margin-top:10px;font-size:12px;display:flex}.flag-hints span{cursor:help;background:#94a3b81a;border-radius:4px;padding:2px 8px}.regex-result{white-space:pre-wrap;word-break:break-word;background:#0f172ae6;border-radius:8px;padding:14px;font-size:14px;line-height:1.6}.regex-match{color:#fbbf24;background:#fbbf244d;border-radius:2px;padding:1px 2px}.matches-list{flex-direction:column;gap:6px;display:flex}.matches-list code{color:#4ade80;background:#0f172ae6;border-radius:6px;padding:8px 12px;font-size:13px;display:block}.no-match{color:#9ca3af;font-size:14px}.color-preview{border-radius:16px;justify-content:center;align-items:center;height:100px;margin-bottom:20px;display:flex;position:relative}.color-picker{cursor:pointer;opacity:.8;border:none;border-radius:50%;width:50px;height:50px}.color-input-row{align-items:center;gap:10px;margin-top:10px;display:flex}.color-input-row code{color:#e5e7eb;flex:1;font-size:13px}.rgb-inputs{gap:8px;display:flex}.rgb-inputs input{color:#e5e7eb;text-align:center;background:#0f172ae6;border:1px solid #94a3b84d;border-radius:8px;width:60px;padding:8px;font-size:14px}.jwt-section{flex-direction:column;gap:16px;display:flex}.jwt-part{border:1px solid #94a3b840;border-radius:12px;padding:16px}.jwt-part h3{align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.jwt-part pre{background:#0f172ae6;border-radius:8px;padding:12px;font-size:12px;overflow-x:auto}.jwt-header{background:#ef44441a;border-color:#ef44444d}.jwt-header pre{color:#f87171}.jwt-payload{background:#a855f71a;border-color:#a855f74d}.jwt-payload pre{color:#c084fc}.jwt-signature{background:#3b82f61a;border-color:#3b82f64d}.jwt-signature code{word-break:break-all;color:#60a5fa;font-size:12px;display:block}.jwt-expired{color:#f87171;background:#ef444433;border-radius:4px;padding:2px 8px;font-size:11px}.jwt-time{color:#9ca3af;margin-top:10px;font-size:12px}.jwt-note{color:#6b7280;margin-top:10px;font-size:12px}.lorem-options{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.lorem-options input[type=range]{width:100%;margin-top:6px}.checkbox-label{color:#e5e7eb;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.lorem-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lorem-output{color:#e5e7eb;white-space:pre-wrap;background:#0f172ae6;border-radius:8px;max-height:400px;padding:14px;font-size:14px;line-height:1.7;overflow-y:auto}.tool-container-wide{max-width:1100px}.markdown-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.markdown-grid{grid-template-columns:1fr}}.markdown-editor h3,.markdown-preview h3{color:#9ca3af;margin-bottom:10px;font-size:14px}.markdown-input{min-height:400px;font-family:monospace}.preview-content{background:#0f172ae6;border:1px solid #94a3b840;border-radius:12px;min-height:400px;padding:16px;font-size:14px;line-height:1.7;overflow-y:auto}.preview-content h1{color:#f9fafb;margin:16px 0 8px;font-size:24px}.preview-content h2{color:#f9fafb;margin:14px 0 6px;font-size:20px}.preview-content h3{color:#f9fafb;margin:12px 0 4px;font-size:16px}.preview-content p{margin:8px 0}.preview-content code{background:#94a3b833;border-radius:4px;padding:2px 6px;font-size:13px}.preview-content pre{background:#0f172acc;border-radius:8px;padding:12px;overflow-x:auto}.preview-content pre code{background:0 0;padding:0}.preview-content blockquote{color:#9ca3af;border-left:3px solid #3b82f6;margin:12px 0;padding-left:12px}.preview-content ul,.preview-content ol{margin:8px 0;padding-left:20px}.preview-content hr{border:none;border-top:1px solid #94a3b84d;margin:16px 0}.preview-content a{color:#3b82f6}.playground-examples{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.example-btn{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.example-btn:hover{background:#3b82f626;border-color:#3b82f666}.playground-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.playground-grid{grid-template-columns:1fr}}.playground-editor h3,.playground-output h3{color:#9ca3af;margin-bottom:10px;font-size:14px}.code-editor{tab-size:2;min-height:300px;font-family:Fira Code,Consolas,monospace;font-size:13px;line-height:1.5}.playground-actions{gap:10px;margin-top:12px;display:flex}.btn-run{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.output-console{background:#0f172af2;border:1px solid #94a3b840;border-radius:12px;min-height:300px;padding:12px;font-family:monospace;font-size:13px;overflow-y:auto}.console-line{border-bottom:1px solid #94a3b81a;gap:12px;padding:4px 0;display:flex}.line-number{color:#6b7280;text-align:right;min-width:24px}.console-line pre{white-space:pre-wrap;word-break:break-word;color:#e5e7eb;margin:0}.console-error{color:#f87171;background:#ef44441a;border-radius:6px;margin-bottom:8px;padding:8px}.console-placeholder{color:#6b7280;font-style:italic}.diff-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;display:grid}@media (max-width:768px){.diff-grid{grid-template-columns:1fr}}.diff-input h3{color:#9ca3af;margin-bottom:10px;font-size:14px}.diff-actions{gap:10px;margin-bottom:16px;display:flex}.diff-stats{gap:16px;margin-bottom:12px;font-size:13px;display:flex}.stat-added{color:#4ade80}.stat-removed{color:#f87171}.stat-same{color:#9ca3af}.diff-result{background:#0f172ae6;border:1px solid #94a3b840;border-radius:12px;font-family:monospace;font-size:13px;overflow:hidden}.diff-line{border-bottom:1px solid #94a3b81a;padding:4px 12px;display:flex}.diff-prefix{flex-shrink:0;width:20px;font-weight:700}.diff-content{white-space:pre-wrap;word-break:break-word}.diff-added{background:#22c55e26}.diff-added .diff-prefix{color:#4ade80}.diff-added .diff-content{color:#86efac}.diff-removed{background:#ef444426}.diff-removed .diff-prefix{color:#f87171}.diff-removed .diff-content{color:#fca5a5}.diff-same .diff-content{color:#9ca3af}.text-center{text-align:center}.obfuscator-options{align-items:center;gap:16px;margin-bottom:12px;display:flex}.level-buttons{gap:8px;display:flex}.level-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.level-btn.active{color:#a78bfa;background:#8b5cf633;border-color:#8b5cf680}.level-btn:hover:not(.active){background:#94a3b81a}.obfuscator-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;display:grid}@media (max-width:768px){.obfuscator-grid{grid-template-columns:1fr}}.obfuscator-section h3{color:#9ca3af;margin-bottom:10px;font-size:14px}.obfuscator-actions{text-align:center}.btn-obfuscate{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;padding:12px 32px!important}.encode-table{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;font-size:13px;display:grid}.encode-table div{background:#0f172acc;border-radius:6px;padding:8px}.format-options{align-items:center;gap:12px;margin:12px 0;display:flex}.base-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:640px){.base-grid{grid-template-columns:1fr}}.base-input-row{gap:8px;margin-top:10px;display:flex}.base-input-row .tool-input{flex:1;font-family:monospace}.text-tools-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:768px){.text-tools-grid{grid-template-columns:1fr}}.text-tools-buttons{flex-wrap:wrap;gap:16px;display:flex}.tool-group{background:#0f172acc;border:1px solid #94a3b840;border-radius:12px;padding:12px}.tool-group h4{color:#9ca3af;margin-bottom:8px;font-size:12px}.btn-tool-sm{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:6px;margin:2px;padding:6px 12px;font-size:12px;transition:all .2s}.btn-tool-sm:hover{background:#3b82f633;border-color:#3b82f666}.ua-results{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}@media (max-width:640px){.ua-results{grid-template-columns:1fr}}.ua-card{background:#0f172acc;border:1px solid #94a3b840;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.ua-icon{font-size:24px}.ua-label{color:#9ca3af;font-size:12px}.ua-value{color:#e5e7eb;font-size:14px;font-weight:500}.preset-grid{flex-wrap:wrap;gap:8px;display:flex}.preset-btn{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.preset-btn:hover{background:#3b82f633;border-color:#3b82f666}.cron-input-row{gap:10px;margin-bottom:10px;display:flex}.cron-input-row .tool-input{text-align:center;flex:1;font-family:monospace;font-size:18px}.cron-description{color:#4ade80;text-align:center;font-size:14px}.cron-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px;display:grid}@media (max-width:640px){.cron-grid{grid-template-columns:repeat(2,1fr)}}.cron-field label{color:#9ca3af;margin-bottom:6px;font-size:12px;display:block}.cron-syntax{font-family:monospace;font-size:14px}.cron-syntax code{color:#38bdf8;margin-bottom:8px;display:block}.syntax-labels{color:#9ca3af;flex-direction:column;gap:2px;font-size:12px;display:flex}.api-url-row{gap:10px;display:flex}.method-select{width:100px;font-weight:600}.url-input{flex:1}.btn-send{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.api-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px;display:grid}.response-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.response-meta{align-items:center;gap:10px;display:flex}.status-badge{color:#020617;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.time-badge{color:#9ca3af;background:#94a3b833;border-radius:6px;padding:4px 10px;font-size:12px}.fake-options{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.fake-options input[type=range]{width:100%;margin-top:6px}.fake-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.home-bg-new{color:#e5e7eb;background:linear-gradient(#0f172a 0%,#020617 100%);min-height:100vh}.home-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border-bottom:1px solid #94a3b81a;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{font-size:28px}.logo-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.header-nav{gap:8px;display:flex}.nav-link{color:#9ca3af;border-radius:8px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s}.nav-link:hover{color:#e5e7eb;background:#94a3b81a}.hero{text-align:center;max-width:800px;margin:0 auto;padding:60px 24px 40px}.hero-title{color:#f9fafb;margin-bottom:12px;font-size:42px;font-weight:800}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#9ca3af;margin-bottom:32px;font-size:18px}.search-box{max-width:500px;margin:0 auto;position:relative}.search-icon{opacity:.5;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{color:#e5e7eb;background:#0f172acc;border:1px solid #94a3b833;border-radius:12px;outline:none;width:100%;padding:14px 48px;font-size:16px;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.search-input::placeholder{color:#6b7280}.search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tools-main{max-width:1200px;margin:0 auto;padding:0 24px 60px}.category-section{margin-bottom:8px}.category-header{cursor:pointer;background:#0f172a99;border:1px solid #94a3b826;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .2s;display:flex}.category-header:hover{background:#0f172acc;border-color:#94a3b840}.category-title{color:#f9fafb;align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.category-icon{font-size:20px}.category-count{color:#60a5fa;background:#3b82f633;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.category-arrow{color:#6b7280;font-size:12px;transition:transform .2s}.category-arrow.expanded{transform:rotate(180deg)}.category-tools{opacity:0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:0;padding:0 4px;transition:all .3s;display:grid;overflow:hidden}.category-tools.expanded{opacity:1;max-height:1000px;padding:16px 4px}.tool-card-new{color:#e5e7eb;background:#0f172acc;border:1px solid #94a3b826;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.tool-card-new:hover{background:#3b82f626;border-color:#3b82f666;transform:translateY(-2px)}.tool-card-icon{font-size:20px}.tool-card-name{font-size:14px;font-weight:500}.no-results{text-align:center;color:#6b7280;padding:60px 20px}.no-results span{margin-bottom:16px;font-size:48px;display:block}.home-footer{text-align:center;color:#6b7280;border-top:1px solid #94a3b81a;padding:24px;font-size:14px}@media (max-width:768px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.category-tools{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.category-tools{grid-template-columns:1fr}.header-content{padding:12px 16px}.hero{padding:40px 16px 30px}}.fake-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:480px){.fake-row{grid-template-columns:1fr}}