:root{--accent: #6b21a8;--muted: #666}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;padding:0}.container{width:100%;max-width:100vw;margin:0;padding:24px 4vw;box-sizing:border-box}.fullwidth{width:100vw;max-width:100vw;margin:0;padding:0}nav{display:flex;gap:8px;align-items:center}a{text-decoration:none;color:var(--accent)}button{background-color:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:4px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover{background-color:#553592;transform:translateY(-1px);box-shadow:0 4px 12px #6b21a84d}button:active{transform:translateY(0);box-shadow:0 2px 6px #6b21a833}button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}button:disabled:hover{background-color:#ccc;transform:none;box-shadow:none}button.secondary{background-color:#64748b;color:#fff;border:1px solid #475569}button.secondary:hover{background-color:#475569;color:#fff;box-shadow:0 4px 12px #64748b4d}button.danger{background-color:#dc2626}button.danger:hover{background-color:#b91c1c;box-shadow:0 4px 12px #dc26264d}button.small{padding:8px 12px;font-size:12px;min-height:32px}form input,form select,form textarea{display:block;padding:12px 16px;margin:8px 0;width:100%;max-width:480px;box-sizing:border-box;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6b21a81a}form input[type=file]{padding:8px;background-color:#f8fafc}form label{display:block;font-weight:500;margin-bottom:4px;margin-top:12px;color:#374151}.item-row{border:1px solid #eee;padding:10px;margin:8px 0;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.item-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;width:100%;justify-items:center}@media (max-width: 900px){.container{padding:16px 2vw}.item-list-grid{gap:6px}}@media (max-width: 600px){.container{padding:8px .5vw}.item-list-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px}}.small{font-size:13px;color:var(--muted)}