:root{--bg-main: #0f1117;--bg-card: #1a1d27;--bg-hover: #22263a;--border: #2d3250;--text-primary: #e2e8f0;--text-secondary: #8892a4;--accent: #6366f1;--accent-hover: #818cf8;--error: #f87171;--success: #34d399;--radius: 8px;--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit;background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius);color:var(--text-secondary);transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background:var(--bg-hover);color:var(--accent)}select,input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none;appearance:none}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}input[type=color]{width:48px;height:32px;padding:2px;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tema-page{max-width:900px}.tema-section{margin-bottom:48px}.tema-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:24px}.tema-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tema-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tema-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tema-swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:700px){.tema-swatch-grid{grid-template-columns:repeat(2,1fr)}.tema-grid-2,.tema-grid-3{grid-template-columns:1fr}}.tema-swatch{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.tema-swatch-color{height:48px}.tema-swatch-info{background:var(--bg-card);padding:8px 10px}.tema-swatch-name{font-size:11px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.tema-swatch-value{font-size:10px;color:var(--text-secondary);font-family:monospace}.tema-type-sample{display:flex;flex-direction:column;gap:10px}.tema-demo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.tema-feedback-row{display:flex;flex-direction:column;gap:12px}.tema-feedback-item{padding:12px 16px;border-radius:var(--radius);font-size:14px}