.admin-main{max-width:1200px;margin:auto;padding-bottom:80px}.login-panel{max-width:420px;margin:90px auto}.login-panel h1,.admin-heading h1{font-size:38px;letter-spacing:-1.5px;line-height:1.3;margin:18px 0}.login-panel>p{font-size:14px;color:var(--muted);margin-bottom:35px}label{display:flex;flex-direction:column;gap:10px;font-size:14px}input{width:100%;background:#1e1e1d;border:1px solid #3c3c39;border-radius:6px;padding:14px 15px;color:var(--text);font-size:16px}form{display:grid;gap:24px}.primary,.secondary{padding:13px 22px;border-radius:30px;font-size:14px;font-weight:500}.primary{background:var(--text);color:#151514}.primary:hover{background:white}.secondary{border:1px solid #4d4d47}.secondary:hover{background:#292927}.admin-heading{display:flex;justify-content:space-between;align-items:center;padding:55px 0 30px}.admin-heading h1 span{font-size:18px;color:var(--muted);margin-left:15px}h2{font-size:18px;font-weight:500}.upload-panel{border:1px solid var(--line);padding:28px;background:#181817;border-radius:12px}.upload-panel h2{margin:0 0 10px}.upload-panel p{color:var(--muted);font-size:14px}.drop-zone{border:1px dashed #52524a;position:relative;align-items:center;justify-content:center;padding:34px 20px;border-radius:8px;cursor:pointer;background:#20201e;gap:12px;margin-top:15px;transition:background .2s}.drop-zone.dragging,.drop-zone:focus-within{background:#2c3023;border-color:var(--accent)}.upload-symbol{font-size:30px}.drop-zone strong{font-size:16px;font-weight:400}.drop-zone>span:not(.upload-symbol){font-size:13px;color:var(--muted)}.drop-zone .formats{text-align:center;line-height:1.8}.drop-zone input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.upload-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.upload-actions p{font-size:12px}.queue:empty{display:none}.queue{display:flex;flex-wrap:wrap;gap:8px}.queue span{font-size:12px;background:#30302b;padding:8px 12px;border-radius:4px;overflow-wrap:anywhere}.manage-heading{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.manage-heading span{font-size:13px;color:var(--muted)}.admin-works{display:grid;gap:12px}.manage-item{border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:20px;padding:15px}.manage-item img,.manage-item video{width:128px;aspect-ratio:4/3;object-fit:cover;background:#242423;border-radius:3px}.item-info{flex:1;min-width:0}.item-info input{padding:10px 12px;font-size:14px}.item-info p{color:var(--muted);font-size:12px;margin-bottom:0}.item-buttons{display:flex;gap:6px}.item-buttons button{font-size:12px;padding:10px 12px;border:1px solid #42423b;border-radius:5px}.item-buttons button:last-child{color:#e5b0a9}.password-panel{margin-top:45px;border-top:1px solid var(--line);padding-top:25px;font-size:14px}.password-panel summary{cursor:pointer}.password-panel form{margin-top:25px;max-width:420px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e9e9e3;color:#151515;padding:15px 25px;border-radius:8px;box-shadow:0 5px 40px #0007;max-width:90vw;font-size:14px;z-index:20}#notice.error{background:#ffd4ce}progress{width:100%;accent-color:var(--accent)}.remove-dialog{background:#20201e;color:var(--text);border:1px solid #484840;border-radius:12px;padding:30px;max-width:calc(100vw - 32px)}.remove-dialog::backdrop{background:#000b}.remove-dialog p{font-size:14px;color:#b5b5ac;line-height:1.7}.remove-dialog>div{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}#remove-title{color:white;overflow-wrap:anywhere}@media(max-width:700px){.login-panel{margin:55px auto}.admin-heading{padding-top:35px}.admin-heading h1{font-size:30px}.upload-panel{padding:18px}.upload-actions{align-items:flex-start;flex-direction:column}.upload-actions button{width:100%}.manage-heading{align-items:flex-start;flex-direction:column;margin-bottom:15px;gap:5px}.manage-heading h2{margin-bottom:5px}.manage-item{flex-wrap:wrap;gap:12px;padding:12px}.manage-item img,.manage-item video{width:80px}.item-info{min-width:150px}.item-buttons{width:100%;justify-content:flex-end}.item-buttons button{flex:1}.drop-zone{padding:25px 12px}.drop-zone strong{font-size:14px}}
.admin-hub{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 28px}.admin-hub button{min-height:150px;padding:20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 76%,transparent);text-align:left;transition:transform .22s,border-color .22s,background .22s}.admin-hub button:hover,.admin-hub button.active{transform:translateY(-3px);border-color:color-mix(in srgb,var(--text) 42%,var(--line));background:color-mix(in srgb,var(--panel) 90%,var(--text) 6%)}.admin-hub span{display:block;margin-bottom:22px;color:var(--muted);font-size:11px}.admin-hub strong{display:block;font-size:17px}.admin-hub small{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.55}.admin-panel{scroll-margin-top:28px;margin:18px 0 50px;padding:28px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg) 88%,var(--panel))}.album-admin-panel{padding:0;border:0;background:transparent}.panel-heading{display:flex;align-items:flex-start;gap:18px;margin:0 0 24px;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.panel-heading>span{color:var(--muted);font-size:12px}.panel-heading h2{margin:0}.panel-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.market-editor{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 78%,transparent)}.market-editor .editor-heading{margin:0 0 18px}.market-metrics-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.market-comments{margin-top:18px}.market-comments textarea{min-height:150px}.order-delete{color:#df6d62!important}.password-panel.admin-panel{margin-top:18px;border:1px solid var(--line);padding:28px}.password-panel.admin-panel summary{font-size:18px;font-weight:600}.qr-settings.admin-panel{margin-top:18px}
@media(max-width:900px){.admin-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-hub button{min-height:125px}.admin-hub button:last-child{grid-column:1/-1}}
@media(max-width:700px){.admin-hub{grid-template-columns:1fr}.admin-hub button,.admin-hub button:last-child{grid-column:auto;min-height:auto}.admin-hub span{margin-bottom:12px}.admin-panel{padding:18px}.album-admin-panel{padding:0}.market-metrics-editor{grid-template-columns:1fr}.panel-heading{padding:18px}}