.nav-tools{display:flex;align-items:center;gap:7px;margin-left:8px}.account-button{display:flex;align-items:center;gap:8px;max-width:190px}.account-button img{width:28px;height:28px;border:2px solid #ffb29f;border-radius:8px;object-fit:cover;background:#28143c}.account-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-button[hidden]{display:none}.nav-button.admin-button{color:#ffd166}
.trade-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.trade-toolbar-copy h3{margin:0;font:400 20px/1.1 "Archivo Black",sans-serif}.trade-toolbar-copy p{margin:5px 0 0;color:var(--muted);font-size:12px}.trade-toolbar-actions{display:flex;align-items:center;gap:8px}.trade-toolbar input{min-height:44px;padding:0 13px;border:2px solid var(--line);border-radius:11px;color:#fff;background:#21112f}.trade-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.trade-ad{overflow:hidden;border:2px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#3a2054,#1b102d);box-shadow:5px 6px 0 rgba(9,4,20,.38)}.trade-ad-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-bottom:2px solid rgba(255,188,174,.17)}.trade-ad-head img{width:44px;height:44px;border:2px solid #ff9eae;border-radius:12px;object-fit:cover;background:#241235}.trade-ad-name{min-width:0}.trade-ad-name strong,.trade-ad-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-ad-name small{margin-top:3px;color:var(--muted);font-size:10px}.verified-pill{padding:5px 7px;border:1px solid rgba(94,231,239,.35);border-radius:7px;color:var(--cyan);background:rgba(94,231,239,.08);font-size:8px;font-weight:900;text-transform:uppercase}.trade-ad-sides{display:grid;grid-template-columns:1fr 26px 1fr;gap:7px;padding:12px}.mini-side{min-width:0;padding:9px;border:2px solid rgba(255,255,255,.09);border-radius:11px;background:#211230}.mini-side>span{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.mini-items{display:flex;gap:4px;margin:8px 0}.mini-items img{width:37px;height:37px;padding:3px;border-radius:8px;object-fit:contain;background:rgba(255,255,255,.06)}.mini-items .mini-more{width:37px;height:37px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#51306c;font-size:10px;font-weight:900}.mini-side strong{font:400 13px/1 "Archivo Black",sans-serif;color:var(--yellow)}.trade-arrow{display:grid;place-items:center;color:#ff95b2;font-size:18px;font-weight:900}.trade-note{min-height:40px;margin:0 12px 12px;color:#ddd0e5;font-size:11px;line-height:1.45}.trade-ad-foot{display:flex;gap:7px;padding:11px 12px;border-top:2px solid rgba(255,188,174,.15)}.trade-ad-foot button,.trade-ad-foot a{flex:1;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:1px solid var(--line);border-radius:9px;color:#fff;background:#342048;font-size:10px;font-weight:900;text-decoration:none}.trade-ad-foot .offer-action{border-color:transparent;background:linear-gradient(135deg,var(--pink-hot),var(--violet))}.trade-empty{grid-column:1/-1;padding:46px 20px;border:2px dashed var(--line-strong);border-radius:16px;color:var(--muted);text-align:center;background:rgba(41,21,60,.62)}.trade-empty strong{display:block;margin-bottom:6px;color:#fff;font:400 18px/1.1 "Archivo Black",sans-serif}.post-trade-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:14px;border:2px solid rgba(255,193,183,.18);border-radius:13px;background:#231333}.post-trade-row p{margin:0;color:var(--muted);font-size:12px}
.feature-dialog{width:min(720px,calc(100% - 24px))}.feature-dialog.wide{width:min(1080px,calc(100% - 24px))}.feature-dialog .dialog-body{display:block}.dialog-intro{margin:0 0 18px;color:var(--muted);line-height:1.55}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:6px}.field label{color:#d6c7df;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;min-height:46px;padding:10px 12px;border:2px solid var(--line);border-radius:11px;color:#fff;background:#21112f;font:inherit}.field textarea{min-height:94px;resize:vertical}.dialog-actions-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:14px;border-top:2px solid rgba(255,255,255,.08)}
.connect-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}.connect-progress span{padding:8px;border:2px solid rgba(255,255,255,.08);border-radius:9px;color:#81728e;background:#1c1029;text-align:center;font-size:9px;font-weight:900;text-transform:uppercase}.connect-progress span.active{border-color:#ff9bad;color:#fff;background:#4c265e}.verification-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:15px;border:2px solid #4c205e;border-radius:12px;color:#29122f;background:#ffd166;box-shadow:4px 4px 0 #8e3e89}.verification-code code{font:400 clamp(16px,4vw,23px)/1 "Archivo Black",sans-serif;letter-spacing:.05em}.verify-steps{margin:12px 0 0 20px;padding:0;color:#ded1e7;line-height:1.65}.verify-status{min-height:42px;margin-top:13px;padding:11px;border:2px solid rgba(94,231,239,.18);border-radius:10px;color:#bfeff1;background:rgba(94,231,239,.06);font-size:11px;line-height:1.45}.verify-status:empty{display:none}.profile-preview{display:grid;grid-template-columns:70px minmax(0,1fr);gap:13px;align-items:center;margin:14px 0;padding:13px;border:2px solid var(--line);border-radius:13px;background:#251536}.profile-preview img{width:70px;height:70px;border:2px solid #ff9eb1;border-radius:15px;object-fit:cover}.profile-preview strong,.profile-preview span{display:block}.profile-preview span{margin-top:4px;color:var(--muted);font-size:12px}
.account-hero{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:2px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#46245e,#271638)}.account-hero img{width:82px;height:82px;border:3px solid #ffa399;border-radius:18px;object-fit:cover}.account-hero h2{margin:0;font:400 25px/1.1 "Archivo Black",sans-serif}.account-hero p{margin:5px 0 0;color:#dccde5}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0}.account-stat{padding:11px;border:2px solid rgba(255,255,255,.08);border-radius:11px;background:#211230}.account-stat span,.account-stat strong{display:block}.account-stat span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.account-stat strong{margin-top:5px}.inbox-list{display:grid;gap:9px;max-height:360px;overflow:auto}.offer-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:2px solid rgba(255,255,255,.09);border-radius:11px;background:#211230}.offer-row img{width:42px;height:42px;border-radius:10px;object-fit:cover}.offer-row strong,.offer-row small{display:block}.offer-row small{margin-top:4px;color:var(--muted)}.offer-status{padding:5px 7px;border-radius:7px;color:#22102c;background:#ffd166;font-size:8px;font-weight:900;text-transform:uppercase}
.admin-login{max-width:520px;margin:20px auto;padding:24px;border:2px solid var(--line);border-radius:15px;background:#241335;text-align:center}.admin-login h2{font:400 25px/1.1 "Archivo Black",sans-serif}.admin-login p{color:var(--muted);line-height:1.55}.admin-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px}.admin-menu{display:grid;gap:7px;align-content:start;padding:10px;border:2px solid var(--line);border-radius:13px;background:#211230}.admin-menu button{min-height:42px;border:1px solid transparent;border-radius:9px;color:#d6c7df;background:transparent;text-align:left;font-weight:900}.admin-menu button.active{color:#fff;background:#54306d}.admin-pane{min-width:0}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.admin-summary div{padding:13px;border:2px solid var(--line);border-radius:11px;background:#251536}.admin-summary span,.admin-summary strong{display:block}.admin-summary span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.admin-summary strong{margin-top:5px;font:400 20px/1 "Archivo Black",sans-serif}.admin-search{width:100%;min-height:46px;margin-bottom:10px;padding:0 13px;border:2px solid var(--line);border-radius:11px;color:#fff;background:#21112f}.admin-value-list,.admin-trade-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.admin-value-row{display:grid;grid-template-columns:45px minmax(0,1fr) 110px auto;gap:9px;align-items:center;padding:9px;border:2px solid rgba(255,255,255,.08);border-radius:11px;background:#211230}.admin-value-row img{width:45px;height:45px;padding:3px;border-radius:9px;object-fit:contain;background:rgba(255,255,255,.05)}.admin-value-row strong,.admin-value-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-value-row small{margin-top:3px;color:var(--muted)}.admin-value-row input{width:110px;min-height:38px;padding:0 8px;border:2px solid var(--line);border-radius:8px;color:#fff;background:#160b24}.admin-row-actions{display:flex;gap:5px}.admin-row-actions button{min-height:36px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:#fff;background:#4a2a61;font-size:9px;font-weight:900}.admin-row-actions .reset-value{color:#ffb9c5;background:#351a3f}.toast{position:fixed;left:50%;bottom:24px;z-index:200;max-width:min(440px,calc(100% - 24px));padding:12px 16px;border:2px solid #55204f;border-radius:11px;color:#2a102e;background:#ffd166;box-shadow:5px 6px 0 rgba(13,6,23,.55);font-weight:900;transform:translate(-50%,120px);opacity:0;transition:.22s ease}.toast.show{transform:translate(-50%,0);opacity:1}.firebase-status{font-size:10px;color:var(--muted)}.firebase-status.ready{color:var(--green)}.firebase-status.error{color:var(--danger)}
@media(max-width:1050px){.trade-board{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links a:nth-child(n+4){display:none}}
@media(max-width:880px){.nav-tools{margin-left:auto}.nav-links{display:none}.account-label{display:none}.account-button{padding:0 8px}.admin-button{display:none}.trade-board{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-menu{grid-template-columns:repeat(3,1fr)}.admin-menu button{text-align:center}}
@media(max-width:620px){.trade-toolbar{align-items:stretch;flex-direction:column}.trade-toolbar-actions{display:grid;grid-template-columns:1fr auto}.trade-toolbar input{min-width:0}.post-trade-row{align-items:stretch;flex-direction:column}.post-trade-row button{width:100%}.form-grid.two{grid-template-columns:1fr}.account-hero{grid-template-columns:64px 1fr}.account-hero img{width:64px;height:64px}.account-hero>.soft-button{grid-column:1/-1}.account-stats{grid-template-columns:1fr}.admin-summary{grid-template-columns:1fr 1fr}.admin-value-row{grid-template-columns:40px minmax(0,1fr)}.admin-value-row img{width:40px;height:40px}.admin-value-row input,.admin-row-actions{grid-column:2}.admin-value-row input{width:100%}.dialog-actions-bar{align-items:stretch;flex-direction:column}.dialog-actions-bar button{width:100%}.connect-progress span{font-size:7px;padding:7px 3px}}
.admin-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;margin-bottom:10px}.admin-filter-row .admin-search{margin-bottom:0}.admin-filter-row select,.admin-value-row select{min-height:38px;padding:0 8px;border:2px solid var(--line);border-radius:8px;color:#fff;background:#160b24;font:inherit;font-size:11px;font-weight:800}.admin-value-row{grid-template-columns:45px minmax(0,1fr) 110px 96px auto}.admin-value-row input{width:110px}.admin-value-row select{width:96px}
@media(max-width:620px){.admin-filter-row{grid-template-columns:1fr}.admin-value-row{grid-template-columns:40px minmax(0,1fr)}.admin-value-row input,.admin-value-row select,.admin-row-actions{grid-column:2;width:100%}}

/* Sakura City: After Dark feature surfaces */
.account-button img,.trade-ad-head img,.profile-preview img,.account-hero img{border:3px solid #07030c;border-radius:5px;box-shadow:3px 3px 0 var(--pink)}
.trade-toolbar-copy h3,.trade-empty strong,.verification-code code,.account-hero h2,.admin-login h2,.admin-summary strong{font-family:"Bebas Neue","Archivo Black",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.trade-toolbar input,.field input,.field textarea,.field select,.admin-search,.admin-filter-row select,.admin-value-row input,.admin-value-row select{border:3px solid #07030c;border-radius:4px;background:#170a23}
.trade-ad,.trade-empty,.post-trade-row,.admin-login,.admin-menu{border:3px solid #07030c;border-radius:6px;background:#1b0c29;box-shadow:6px 6px 0 #07030c}
.trade-ad{position:relative;overflow:hidden}.trade-ad:before{content:"";position:absolute;inset:0 0 auto;height:5px;z-index:2;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--cyan))}
.trade-ad-head,.trade-ad-foot,.dialog-actions-bar{border-color:#07030c}
.mini-side,.account-stat,.offer-row,.admin-summary div,.admin-value-row{border:3px solid #07030c;border-radius:4px;background:#160a22}
.verified-pill,.offer-status{border:2px solid #07030c;border-radius:3px;box-shadow:2px 2px 0 #07030c}
.verified-pill{color:#150719;background:var(--cyan)}
.trade-ad-foot button,.trade-ad-foot a,.admin-menu button,.admin-row-actions button{border:2px solid #07030c;border-radius:4px;box-shadow:2px 2px 0 #07030c;text-transform:uppercase}
.trade-ad-foot .offer-action{color:#160719;background:linear-gradient(135deg,var(--yellow),var(--pink))}
.connect-progress span{border:3px solid #07030c;border-radius:3px;background:#12081d}.connect-progress span.active{color:#160719;background:var(--pink)}
.verification-code{border:3px solid #07030c;border-radius:4px;background:var(--yellow);box-shadow:5px 5px 0 var(--pink)}
.verify-status,.profile-preview,.account-hero{border:3px solid #07030c;border-radius:5px;background:#1c0d29}
.admin-menu button.active{color:#150719;background:var(--cyan)}
.toast{border:3px solid #07030c;border-radius:4px;background:var(--yellow);box-shadow:6px 6px 0 var(--pink)}