.az-s3-shell{display:grid;gap:18px}.az-s3-card,.az-s3-panel{background:rgba(14,12,22,.88);border:1px solid rgba(240,208,104,.12);border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.az-s3-card{padding:18px}.az-s3-card h3,.az-s3-panel h3{margin:0 0 12px;font-family:'Cinzel',serif;font-size:16px;color:var(--gold-light)}
.az-s3-muted{color:var(--text-muted);font-size:12px}.az-s3-row{display:flex;gap:12px;align-items:center}.az-s3-row.wrap{flex-wrap:wrap}.az-s3-grid{display:grid;gap:14px}.az-s3-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.az-s3-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.az-s3-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:12px}.az-s3-badge{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid rgba(240,208,104,.2);background:rgba(240,208,104,.08);color:var(--gold-light)}
.az-s3-kpi{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.az-s3-kpi b{display:block;font-size:22px;font-family:'Cinzel',serif;color:#fff}.az-s3-kpi span{display:block;margin-top:4px;color:var(--text-muted);font-size:12px}
.az-s3-actions{display:flex;flex-wrap:wrap;gap:10px}.az-s3-btn,.az-s3-input,.az-s3-select,.az-s3-textarea{border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:var(--text);font:inherit}.az-s3-btn{padding:10px 14px;cursor:pointer;font-weight:700}.az-s3-btn.primary{background:linear-gradient(135deg,#f0d068,#c7912f);color:#140d03;border-color:transparent}.az-s3-btn.warn{background:rgba(139,0,0,.16);border-color:rgba(255,93,93,.28);color:#ff9b9b}.az-s3-btn.good{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.24);color:#9bf0c8}.az-s3-btn.ghost{background:transparent}.az-s3-input,.az-s3-select,.az-s3-textarea{padding:10px 12px;width:100%}.az-s3-textarea{min-height:88px;resize:vertical}
.az-s3-list{display:grid;gap:12px}.az-s3-item{display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.az-s3-item.topline{grid-template-columns:auto 1fr auto;align-items:center}
.az-s3-mini-cover{width:58px;height:82px;border-radius:14px;overflow:hidden;background:var(--dark4);flex:0 0 58px}.az-s3-mini-cover img{width:100%;height:100%;object-fit:cover}.az-s3-manhwa-row{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.az-s3-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.az-s3-progress>i{display:block;height:100%;background:linear-gradient(90deg,#6ee7f9,#8b7bff)}
.az-s3-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.az-s3-toolbar>*{flex:1 1 180px}.az-s3-toolbar .az-s3-btn{flex:0 0 auto}
.az-s3-notif.unread{border-color:rgba(240,208,104,.28);background:rgba(240,208,104,.06)}.az-s3-comment{display:grid;gap:8px}.az-s3-comment-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.az-s3-comment-body{font-size:14px;line-height:1.5;color:var(--text-dim)}
.az-s3-stars{display:flex;gap:8px;flex-wrap:wrap}.az-s3-star{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(255,255,255,.04)}.az-s3-star.active{background:rgba(240,208,104,.18);border-color:rgba(240,208,104,.38)}
.az-s3-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.az-s3-shelves{display:grid;gap:18px;margin-bottom:18px}.az-s3-shelf-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.az-s3-user-table{width:100%;border-collapse:collapse}.az-s3-user-table th,.az-s3-user-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;text-align:left;vertical-align:top}.az-s3-user-table th{color:var(--text-muted);font-weight:600}.az-s3-admin-grid{display:grid;gap:14px}.az-s3-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold-light);font-size:11px;word-break:break-all}
.az-s3-reader-toggle{margin-left:8px}
.az-s3-chipset{display:flex;flex-wrap:wrap;gap:8px}.az-s3-chip{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:11px}
.az-s3-admin-actions{display:flex;flex-wrap:wrap;gap:6px}.az-s3-empty{padding:28px 14px;text-align:center;color:var(--text-muted)}
@media (max-width:900px){.az-s3-grid.two,.az-s3-grid.three,.az-s3-detail-grid{grid-template-columns:1fr}.az-s3-manhwa-row{grid-template-columns:58px 1fr}.az-s3-manhwa-row>.az-s3-actions{grid-column:1/-1}.az-s3-user-table thead{display:none}.az-s3-user-table,.az-s3-user-table tbody,.az-s3-user-table tr,.az-s3-user-table td{display:block;width:100%}.az-s3-user-table tr{padding:10px 0}.az-s3-user-table td{padding:6px 0;border:0}.az-s3-user-table td::before{content:attr(data-label);display:block;color:var(--text-muted);font-size:10px;margin-bottom:3px}}
@media (max-width:560px){.az-s3-card,.az-s3-panel{border-radius:18px}.az-s3-card{padding:14px}.az-s3-shelf-row{grid-template-columns:repeat(2,minmax(0,1fr))}.az-s3-btn{padding:10px 12px}.az-s3-manhwa-row{padding:10px}}
