:root{color:#213547;background-color:#f5f5f5;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}nav{background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:20px;padding:12px 24px;display:flex}nav a{color:#213547;border-radius:4px;padding:4px 8px;font-weight:500;text-decoration:none}nav a:hover{background:#e8e8e8}h1{margin-bottom:24px;font-size:1.6em}h3{margin-top:0}.page{max-width:900px;margin:40px auto;padding:0 24px}.form-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:32px;padding:24px}label{color:#555;font-size:.9em;font-weight:500}input,textarea{border:1px solid #d0d0d0;border-radius:4px;width:100%;margin-top:4px;padding:8px 12px;font-family:inherit;font-size:.95em}input:focus,textarea:focus{border-color:#4a6fa5;outline:none}textarea{resize:vertical;min-height:80px}.field{margin-bottom:12px}.row{gap:16px;margin-bottom:12px;display:flex}button{cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;padding:8px 20px;font-family:inherit;font-size:.9em}button:hover{background:#e8e8e8}button.primary{color:#fff;background:#4a6fa5;border-color:#4a6fa5}button.primary:hover{background:#3d5d8a}button.danger{color:#c0392b;border-color:#e0b0b0}button.danger:hover{background:#fdecea}table{border-collapse:collapse;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;overflow:hidden}thead{background:#f9f9f9}th{text-align:left;text-transform:uppercase;color:#888;border-bottom:1px solid #e0e0e0;padding:12px 16px;font-size:.85em}td{border-bottom:1px solid #f0f0f0;padding:12px 16px}tr:last-child td{border-bottom:none}.actions{text-align:center;white-space:nowrap}.actions button{margin-left:4px}.login-container{max-width:380px;margin:120px auto;padding:0 24px}.login-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:32px}.login-card h1{text-align:center;margin-bottom:24px;font-size:1.3em}.error{color:#c0392b;margin-bottom:12px;font-size:.9em}@media (width<=768px){nav{flex-wrap:wrap;gap:8px;padding:12px 16px}nav strong{width:100%;margin-bottom:4px}nav button{margin-left:0}.page{margin:20px auto;padding:0 12px}.form-card{padding:16px}.row{flex-direction:column;gap:0}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}th,td{padding:8px 10px;font-size:.85em}.login-container{margin:60px auto;padding:0 16px}.login-card{padding:24px 20px}h1{font-size:1.3em}}@media (width<=480px){nav{padding:10px 12px;font-size:.9em}.page{padding:0 8px}.form-card{padding:12px}th,td{padding:6px 8px;font-size:.8em}.login-container{margin:40px auto}button{padding:8px 14px;font-size:.85em}}