:root{font-family:system-ui,sans-serif;color:#1f2430;background:#f4f5f8}body{margin:0}.page{max-width:960px;margin:0 auto;padding:24px 16px 48px}header h1{margin-bottom:4px}section{margin-top:28px}.movies{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.card{background:#fff;border:1px solid #dde1ea;border-radius:10px;padding:14px 16px}.movie{display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;font:inherit;color:inherit}.movie.selected{border-color:#3b5bdb;box-shadow:0 0 0 2px #3b5bdb33}.meta{color:#6b7280;font-size:.9em}.rating{color:#e67700;font-weight:600}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filters input,.filters select{min-width:200px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}th,td{padding:10px 12px;border-bottom:1px solid #eceff4;text-align:left}button{background:#3b5bdb;color:#fff;border:0;border-radius:6px;padding:7px 14px;cursor:pointer;font:inherit}button:disabled{background:#a5b0c8;cursor:not-allowed}button.secondary{background:#e5e7eb;color:#1f2430}button.danger{background:#c92a2a}button.movie{background:#fff}form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:4px;font-size:.9em}input,select{padding:8px;border:1px solid #cfd5e1;border-radius:6px;font:inherit}.actions{display:flex;gap:8px}.message{margin-top:16px;padding:10px 14px;border-radius:8px}.message.ok{background:#e6fcf5;color:#0b7285}.message.error{background:#fff5f5;color:#c92a2a}