:root{--blue-600: #2563eb;--blue-700: #1e40af;--green-600: #059669;--green-700: #047857;--teal-600: #0d9488;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#333;background:var(--gray-100)}@media (prefers-color-scheme: dark){body{background:var(--gray-900);color:#e5e7eb}}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3{margin-bottom:1rem;color:var(--blue-700)}@media (prefers-color-scheme: dark){h1,h2,h3{color:var(--blue-600)}}button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}button.primary{background:var(--blue-600);color:#fff}button.primary:hover{background:var(--blue-700)}button.danger{background:#dc2626;color:#fff}button.danger:hover{background:#b91c1c}input,select,textarea{padding:8px 12px;border:1px solid var(--gray-200);border-radius:4px;font-size:14px}@media (prefers-color-scheme: dark){input,select,textarea{background:var(--gray-800);border-color:var(--gray-700);color:#fff}}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}table{background:#fff}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--gray-200)}th{background:var(--gray-100);font-weight:600}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}@media (prefers-color-scheme: dark){.card{background:var(--gray-800)}}.nav{background:#fff;padding:1rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme: dark){.nav{background:var(--gray-800)}}.nav a{color:var(--blue-600);text-decoration:none;margin-right:1.5rem;font-weight:500}.nav a:hover{color:var(--blue-700)}.toast{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 6px #0000001a;z-index:1000}.toast.success{background:var(--green-600)}.toast.error{background:#dc2626}