:root{--background:#fff;--foreground:#171717;--primary:#15803d;--primary-hover:#166534;--secondary:#f3f4f6;--accent:#ca8a04;--card:#fff;--border:#e5e7eb}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--primary:#22c55e;--primary-hover:#4ade80;--secondary:#262626;--card:#171717;--border:#404040}}body{color:var(--foreground);background:var(--background);margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.container-sm{max-width:600px;margin:0 auto;padding:20px}.grid-responsive{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:768px){.grid-responsive{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 20px;font-size:1rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:var(--foreground)}input,select,textarea{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);box-sizing:border-box;border-radius:8px;margin-bottom:10px;padding:12px;font-family:inherit}.nav-tabs{border-bottom:1px solid var(--border);gap:10px;margin-bottom:20px;padding-bottom:1px;display:flex;overflow-x:auto}.nav-tab-item{cursor:pointer;color:#6b7280;white-space:nowrap;border-bottom:2px solid #0000;padding:8px 16px;font-weight:500;transition:all .2s}.nav-tab-item:hover{color:var(--primary);background:var(--secondary);border-radius:6px 6px 0 0}.nav-tab-item.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:700}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s linear infinite shimmer}@media (prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,#262626 25%,#404040 50%,#262626 75%) 0 0/200% 100%}}