:root{--dj-form-border:rgba(169,190,255,.24)}
.dj-registration-wrap{max-width:820px;margin:0 auto;padding:0 5%}
.dj-registration-card,.dj-login-card{padding:clamp(20px,4vw,36px)}
.dj-registration-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:26px}
.dj-registration-form label,.dj-login-form label{display:grid;align-content:start;gap:8px;min-width:0;margin:0;color:var(--ink);font-size:14px;font-weight:600}
.dj-registration-form .two{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:0}
.dj-registration-form input:not([type=hidden]),.dj-registration-form select,.dj-registration-form textarea,.dj-login-form input:not([type=hidden]){display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--dj-form-border);border-radius:10px;background:rgba(4,8,19,.72);color:var(--ink);font:inherit;line-height:1.45}
.dj-registration-form input[type=file]{padding:9px 10px}
.dj-registration-form input::placeholder,.dj-registration-form textarea::placeholder,.dj-login-form input::placeholder{color:var(--muted);opacity:.8}
.dj-registration-form input:focus,.dj-registration-form select:focus,.dj-registration-form textarea:focus,.dj-login-form input:focus{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:1px;border-color:var(--accent)}
.dj-registration-form textarea{min-height:170px;resize:vertical}
.dj-registration-wide,.dj-registration-form .button{grid-column:1/-1}
.dj-registration-form .button,.dj-login-form .button{justify-self:start}
.dj-login-wrap{max-width:620px;margin:0 auto;padding:0 5%}
.dj-login-form{display:grid;gap:18px;margin-top:24px}
.dj-page-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}
.dj-page-actions .button{margin:0}
.dj-dashboard-wrap{max-width:820px;margin:0 auto;padding:0 5%}
.dj-dashboard-card{padding:clamp(20px,4vw,36px)}
.dj-dashboard-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:24px}
.dj-dashboard-form label{display:grid;align-content:start;gap:8px;min-width:0;margin:0;color:var(--ink);font-size:14px;font-weight:600}
.dj-dashboard-form .two{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:0}
.dj-dashboard-form input:not([type=hidden]),.dj-dashboard-form select,.dj-dashboard-form textarea{display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--dj-form-border);border-radius:10px;background:rgba(4,8,19,.72);color:var(--ink);font:inherit;line-height:1.45}
.dj-dashboard-form input[type=file]{padding:9px 10px}
.dj-dashboard-form input::placeholder,.dj-dashboard-form textarea::placeholder{color:var(--muted);opacity:.8}
.dj-dashboard-form input:focus,.dj-dashboard-form select:focus,.dj-dashboard-form textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:1px;border-color:var(--accent)}
.dj-dashboard-form textarea{min-height:170px;resize:vertical}
.dj-dashboard-wide,.dj-dashboard-form .button{grid-column:1/-1}
.dj-dashboard-form .button{justify-self:start}
.dj-dashboard-form .muted{font-size:12px}
.dj-dashboard-profile-link{overflow-wrap:anywhere}
.dj-dashboard-footer{margin-top:24px}
.dj-events-wrap{max-width:980px;margin:0 auto;padding:0 5%}
.dj-events-card{padding:clamp(20px,4vw,36px)}
.dj-event-form{display:grid;gap:18px;margin:24px 0 34px}
.dj-event-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.dj-event-form label{display:grid;align-content:start;gap:8px;min-width:0;margin:0;color:var(--ink);font-size:14px;font-weight:600}
.dj-event-form input,.dj-event-form select,.dj-event-form textarea{display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--dj-form-border);border-radius:10px;background:rgba(4,8,19,.72);color:var(--ink);font:inherit;line-height:1.45}
.dj-event-form textarea{min-height:90px;resize:vertical}
.dj-event-form input:focus,.dj-event-form select:focus,.dj-event-form textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:1px;border-color:var(--accent)}
.dj-event-form .muted{font-size:12px}
.dj-event-buttons,.dj-events-list .button-row{display:flex;flex-wrap:wrap;gap:8px}
.dj-event-buttons form{margin:0}
.dj-event-buttons .button,.dj-events-list .button{margin:0}
.dj-event-list-heading{margin-top:32px}
.dj-events-list{display:grid;gap:14px}
.dj-event-item{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;border:1px solid var(--dj-form-border);border-radius:14px;background:rgba(4,8,19,.35)}
.dj-event-item h3{margin:6px 0}
.dj-event-item p{margin:4px 0 14px}
.dj-event-item>.dj-event-buttons{flex-direction:column;align-items:stretch}
@media(max-width:600px){.dj-registration-form,.dj-registration-form .two{grid-template-columns:1fr;gap:16px}.dj-registration-wide,.dj-registration-form .button{grid-column:1}}
@media(max-width:600px){.dj-dashboard-form,.dj-dashboard-form .two{grid-template-columns:1fr;gap:16px}.dj-dashboard-wide,.dj-dashboard-form .button{grid-column:1}.dj-page-actions .button{flex:1 1 190px;text-align:center}}
@media(max-width:700px){.dj-event-fields{grid-template-columns:1fr;gap:16px}.dj-event-item{flex-direction:column}.dj-event-item>.dj-event-buttons{flex-direction:row;flex-wrap:wrap}}