:root{--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.5);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.15);--primary-color:#4f46e5;--primary-hover:#4338ca;--text-main:#1f2937;--text-secondary:#4b5563;--success-bg:rgba(209,250,229,.8);--success-text:#065f46;--error-bg:hsla(0,93%,94%,.8);--error-text:#991b1b}body{background:#f3f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.site-health-tools-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh;padding:40px 20px}.site-health-tools-react-app{margin:0 auto;max-width:1200px}.tools-header{color:#fff;margin-bottom:50px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tools-header h1{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-.025em;margin-bottom:15px}.tools-header p{font-size:1.25rem;margin:0 auto;max-width:600px;opacity:.9}.tools-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tool-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.tool-card:hover{background:hsla(0,0%,100%,.85);box-shadow:0 12px 40px 0 rgba(31,38,135,.25);transform:translateY(-5px)}.tool-card.active{background:hsla(0,0%,100%,.95);grid-column:1/-1;transform:scale(1.01);z-index:10}.tool-card .components-card__header{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;padding:20px 25px}.tool-card h2{align-items:center;color:var(--text-main);display:flex;font-size:1.35rem;font-weight:700;gap:10px;margin:0}.tool-card .components-card__body{display:flex;flex-direction:column;flex-grow:1;padding:25px}.tool-content{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.components-button.is-primary{background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 6px -1px rgba(79,70,229,.3);font-weight:600;padding:10px 20px;transition:all .2s}.components-button.is-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 6px 8px -1px rgba(79,70,229,.4);transform:translateY(-1px)}.components-button.is-secondary{border:1px solid #d1d5db;border-radius:8px;color:var(--text-secondary)}.tool-output{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);color:#334155;font-family:Fira Code,monospace;font-size:.9rem;margin-top:20px;max-height:500px;overflow-y:auto;padding:20px;white-space:pre-wrap}.tool-error{align-items:center;background:var(--error-bg);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--error-text);display:flex;gap:10px}.tool-error,.tool-success{margin-bottom:20px;padding:15px}.tool-success{background:var(--success-bg);border:1px solid rgba(16,185,129,.2);border-radius:8px;color:var(--success-text)}table.widefat{border:none;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}table.widefat thead th{background:#f1f5f9;color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:15px;text-transform:uppercase}table.widefat tbody td{border-bottom:1px solid #f1f5f9;color:var(--text-main);padding:15px}table.widefat tbody tr:last-child td{border-bottom:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}
