:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:#333;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#2563eb;text-decoration:none;transition:color .2s ease}a:hover{color:#1d4ed8;text-decoration:underline}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:2.5em;line-height:1.2;margin:0;color:#1f2937;font-weight:700;letter-spacing:-.5px}h2{font-size:1.75em;color:#1f2937;font-weight:600;margin-bottom:1.5rem}h3{font-size:1.25em;color:#374151;font-weight:600}button{border-radius:8px;border:none;padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;font-family:inherit;background-color:#2563eb;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}button:hover{background-color:#1d4ed8;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{background-color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}button:focus,button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.app{max-width:1000px;margin:0 auto;padding:2rem 1.5rem;text-align:left;min-height:100vh}.app h1{margin-bottom:2rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.1)}nav{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}nav button{padding:.75rem 1.5rem;background:#fff;color:#374151;border:2px solid transparent;font-weight:500;box-shadow:0 2px 6px #00000014;transition:all .2s ease}nav button:hover{background:#f3f4f6;box-shadow:0 4px 10px #0000001f}nav button.active{background:#2563eb;color:#fff;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.message{padding:1rem 1.25rem;margin-bottom:1.5rem;background:#dcfce7;border-left:4px solid #22c55e;border-radius:8px;color:#166534;font-weight:500;animation:slideIn .3s ease}.message.error{background:#fee2e2;border-left-color:#ef4444;color:#991b1b}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;margin-bottom:1.5rem}section h2{margin-top:0;margin-bottom:1.5rem}section form>div{margin-bottom:1.5rem}section form label{display:block;margin-bottom:.5rem;font-weight:600;color:#1f2937;font-size:.95rem}section form input,section form select,section form textarea{width:100%;max-width:450px;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s ease;background:#fff;color:#333}section form input:focus,section form select:focus,section form textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fafbff}section form input::placeholder{color:#9ca3af}section form textarea{resize:vertical;font-size:.95rem}section form button[type=submit]{padding:.875rem 2rem;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;margin-top:.5rem;transition:all .2s ease;box-shadow:0 2px 8px #2563eb33}section form button[type=submit]:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}section form button[type=submit]:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.error{color:#dc2626;font-size:.85rem;display:block;margin-top:.4rem;font-weight:500}section p{color:#374151;font-weight:500;margin-bottom:1rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}section p button{padding:.5rem 1rem;font-size:.9rem;background:#f3f4f6;color:#374151;margin-left:.5rem;box-shadow:none}section p button.active{background:#2563eb;color:#fff}table{width:100%;border-collapse:collapse;margin-top:1rem;overflow-x:auto;display:block}table thead{display:block}table tbody{display:block;max-height:600px;overflow-y:auto}table tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%;border-bottom:1px solid #e5e7eb}table th{background:#f9fafb;color:#1f2937;font-weight:600;text-align:left;padding:1rem .75rem;border-bottom:2px solid #e5e7eb;font-size:.9rem}table td{padding:1rem .75rem;color:#374151;font-size:.9rem}table tbody tr:hover{background:#f9fafb}table tbody tr:nth-child(2n){background:#fafbfc}.stats-summary{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);padding:1.5rem;border-radius:10px;margin-bottom:2rem;border-left:4px solid #2563eb}.stats-summary p{margin:.75rem 0;color:#1f2937;font-size:1rem}.stats-summary strong{color:#1d4ed8;font-weight:600}