:root{--c-primary: #0284c7;--c-primary-dark: #0369a1;--c-primary-light: #e0f2fe;--c-primary-fade: rgba(2, 132, 199, .08);--c-accent: #06b6d4;--c-accent-glow: rgba(6, 182, 212, .4);--c-bg-body: #f8fafc;--c-bg-surface: #ffffff;--c-bg-subtle: #f1f5f9;--c-border: #e2e8f0;--c-border-hover: #bae6fd;--c-text-main: #0f172a;--c-text-muted: #64748b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-float: 0 20px 25px -5px rgba(15, 23, 42, .05), 0 8px 10px -6px rgba(15, 23, 42, .01);--shadow-glow: 0 0 0 3px rgba(2, 132, 199, .2);--font-stack: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.dark{--c-primary: #38bdf8;--c-primary-dark: #7dd3fc;--c-primary-light: #0c4a6e;--c-primary-fade: rgba(56, 189, 248, .15);--c-bg-body: #0f172a;--c-bg-surface: #1e293b;--c-bg-subtle: #334155;--c-border: #334155;--c-border-hover: #0ea5e9;--c-text-main: #f8fafc;--c-text-muted: #94a3b8;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-float: 0 20px 25px -5px rgba(0, 0, 0, .5)}body{font-family:var(--font-stack);background-color:var(--c-bg-body);color:var(--c-text-main);background-image:radial-gradient(circle at 50% 0%,rgba(2,132,199,.03) 0%,transparent 40%),linear-gradient(180deg,var(--c-bg-body) 0%,var(--c-bg-body) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}[data-ui=header]{background-color:#ffffffd9!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--c-border)!important;box-shadow:var(--shadow-sm);transition:all .2s ease}.dark [data-ui=header]{background-color:#0f172ad9!important}[data-ui=nav] a{border-radius:var(--radius-pill)!important;padding:.5rem 1rem!important;transition:all .2s ease}[data-ui=nav] a:hover{background-color:var(--c-bg-subtle);color:var(--c-primary)}[data-ui=search-container] input{background-color:var(--c-bg-subtle)!important;border:1px solid transparent!important;border-radius:var(--radius-md)!important;padding-left:2.5rem!important;transition:all .2s ease}[data-ui=search-container] input:focus{background-color:var(--c-bg-surface)!important;border-color:var(--c-primary)!important;box-shadow:var(--shadow-glow)!important}[data-card=tool],[data-card=guide],[data-card=tool-row],[data-card=guide-row]{background-color:var(--c-bg-surface)!important;border:1px solid var(--c-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease!important;will-change:transform;overflow:hidden}[data-card]:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-float)!important;border-color:var(--c-border-hover)!important}[data-card] div[class*=bg-brand-50],[data-card] div[class*=bg-slate-100]{background-color:var(--c-primary-light)!important;color:var(--c-primary)!important;border-radius:var(--radius-md)!important}.dark [data-card] div[class*=bg-brand-50],.dark [data-card] div[class*=bg-slate-100]{background-color:#38bdf826!important;color:var(--c-primary)!important}[data-card] h3{font-weight:700!important;letter-spacing:-.01em}[data-card]:hover h3{color:var(--c-primary)!important}[data-ui=hero]{background:linear-gradient(135deg,var(--c-bg-surface) 0%,var(--c-bg-subtle) 100%)!important;border:1px solid var(--c-border)!important;box-shadow:var(--shadow-sm)!important;border-radius:24px!important}.dark [data-ui=hero]{background:linear-gradient(135deg,#1e293b,#0f172a)!important}[data-section=category]{position:relative;margin-bottom:4rem}[data-ui=admin-layout] aside{background-color:var(--c-bg-surface)!important;border-right:1px solid var(--c-border)!important}[data-ui=admin-sidebar] button{border-radius:var(--radius-md)!important;margin-bottom:4px;font-weight:500;color:var(--c-text-muted)}[data-ui=admin-sidebar] button[class*=bg-brand-50]{background-color:var(--c-primary-fade)!important;color:var(--c-primary)!important;font-weight:600}[data-ui=admin-stat-card]{background-color:var(--c-bg-surface)!important;border:1px solid var(--c-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}[data-ui=admin-table] thead{background-color:var(--c-bg-subtle)!important;border-bottom:1px solid var(--c-border)}[data-ui=admin-table] th{color:var(--c-text-muted)!important;font-size:.75rem!important;text-transform:uppercase;letter-spacing:.05em;font-weight:600}[data-ui=admin-table] tr:hover td{background-color:var(--c-bg-subtle)}[data-ui=admin-table] td{border-bottom:1px solid var(--c-border);color:var(--c-text-main)}[data-ui=footer]{background-color:var(--c-bg-surface)!important;border-top:1px solid var(--c-border)!important;margin-top:4rem}input:not([type=checkbox]),select,textarea{border-radius:var(--radius-md)!important;border:1px solid var(--c-border)!important;background-color:var(--c-bg-surface)!important;transition:all .2s ease}input:not([type=checkbox]):focus,select:focus,textarea:focus{outline:none;border-color:var(--c-primary)!important;box-shadow:var(--shadow-glow)!important}button[class*=bg-brand-600]{background-color:var(--c-primary)!important;border-radius:var(--radius-md)!important;font-weight:600!important;box-shadow:0 1px 2px #0000001a;transition:all .2s ease}button[class*=bg-brand-600]:hover{background-color:var(--c-primary-dark)!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0284c74d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px;border:2px solid transparent;background-clip:content-box}.dark ::-webkit-scrollbar-thumb{background-color:#475569}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}