:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-contrast: #ffffff;--danger: #b91c1c;--focus: rgba(37, 99, 235, .25);--radius: 12px;--container: 980px}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}h2{margin:0 0 12px;font-size:26px;letter-spacing:-.01em}h4{margin:18px 0 10px}p{margin:0 0 10px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{appearance:none;border:1px solid var(--primary);background:var(--primary);color:var(--primary-contrast);padding:8px 12px;border-radius:10px;cursor:pointer}button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus)}label{display:block;font-weight:600;margin-bottom:6px}form{display:grid;gap:12px;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}form label{margin:0}form input{width:100%;box-sizing:border-box}.error{color:var(--danger)}.hint{color:var(--muted);font-size:14px}.auth-page{min-height:100%;display:grid;place-items:center;padding:24px 0}.auth-card{width:min(680px,100%)}.auth-card form{max-width:560px}.auth-card form{max-width:none;width:100%}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}@media(min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--border);padding:12px;border-radius:var(--radius)}.thumb{width:100%;height:150px;object-fit:contain;display:block;margin-bottom:8px}.title{font-weight:700;margin-bottom:4px}.meta{font-size:14px;color:var(--muted)}table{width:100%;border-collapse:collapse;margin-top:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}th,td{border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}th{font-size:13px;color:var(--muted);background:#11182705}td input[type=number]{width:90px}.total{margin-top:12px;font-weight:700}