/* admin/css/admin.css */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Jost:wght@300;400;500&display=swap');

:root {
  --bg: #131210;
  --sidebar: #0D0C0A;
  --surface: rgba(255,255,255,.03);
  --border: rgba(255,255,255,.07);
  --text: rgba(255,255,255,.8);
  --text-muted: rgba(255,255,255,.35);
  --accent: #A67C52;
  --brown: #8B7355;
  --success: #6B8F6B;
  --danger: #C0614F;
  --warning: #C89A3F;
  --cream: #E8E0D5;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Jost',sans-serif; background:var(--bg); color:var(--text); font-size:14px; font-weight:300; display:flex; min-height:100vh; }
a { text-decoration:none; color:inherit; }
h1,h2,h3 { font-family:'Cormorant Garamond',serif; font-weight:400; }

/* Layout */
.sidebar { width:240px; background:var(--sidebar); border-right:1px solid var(--border); display:flex; flex-direction:column; min-height:100vh; position:fixed; top:0; left:0; z-index:10; }
.main { margin-left:240px; flex:1; display:flex; flex-direction:column; min-height:100vh; }

/* Sidebar */
.sidebar-logo { padding:20px 24px; border-bottom:1px solid var(--border); font-family:'Cormorant Garamond',serif; font-size:20px; letter-spacing:2px; }
.sidebar-logo span { color:var(--accent); }
.sidebar-logo small { display:block; font-family:'Jost',sans-serif; font-size:10px; letter-spacing:2.5px; text-transform:uppercase; opacity:.35; margin-top:2px; }
.nav-section { font-size:10px; letter-spacing:2.5px; text-transform:uppercase; color:var(--text-muted); padding:16px 24px 8px; }
.nav-item { display:flex; align-items:center; gap:10px; padding:10px 24px; cursor:pointer; color:var(--text-muted); font-size:13.5px; transition:all .2s; border-left:3px solid transparent; text-decoration:none; }
.nav-item:hover { color:var(--text); background:rgba(255,255,255,.03); }
.nav-item.active { color:white; background:rgba(166,124,82,.1); border-left-color:var(--accent); }
.nav-badge { margin-left:auto; background:var(--accent); color:white; font-size:10px; padding:2px 7px; border-radius:10px; }
.sidebar-bottom { margin-top:auto; border-top:1px solid var(--border); }
.sidebar-user { padding:16px 24px; display:flex; align-items:center; gap:10px; }
.user-avatar { width:32px; height:32px; background:var(--accent); border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:500; font-size:13px; flex-shrink:0; }
.user-info small { display:block; font-size:11px; color:var(--text-muted); }
.sidebar-link { display:block; padding:12px 24px; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:var(--text-muted); transition:color .2s; }
.sidebar-link:hover { color:white; }

/* Topbar */
.topbar { padding:0 32px; height:56px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; flex-shrink:0; background:var(--bg); position:sticky; top:0; z-index:5; }
.topbar-title { font-size:15px; font-weight:400; color:white; }
.topbar-actions { display:flex; gap:12px; align-items:center; }

/* Content */
.content { padding:32px; flex:1; }

/* Stats */
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:32px; }
.stat { background:var(--surface); border:1px solid var(--border); padding:24px; }
.stat-label { font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--text-muted); margin-bottom:10px; }
.stat-value { font-family:'Cormorant Garamond',serif; font-size:40px; color:white; font-weight:300; line-height:1; }
.stat-sub { font-size:12px; color:var(--success); margin-top:6px; }
.stat-sub.warn { color:var(--warning); }

/* Cards */
.card { background:var(--surface); border:1px solid var(--border); padding:24px; margin-bottom:24px; }
.card-title { font-size:20px; font-weight:300; color:white; margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid var(--border); font-family:'Cormorant Garamond',serif; }

/* Buttons */
.btn { border:none; padding:9px 22px; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; font-family:'Jost',sans-serif; transition:all .2s; display:inline-flex; align-items:center; gap:6px; }
.btn-accent { background:var(--accent); color:white; }
.btn-accent:hover { background:var(--brown); }
.btn-ghost { background:transparent; border:1px solid var(--border); color:var(--text-muted); }
.btn-ghost:hover { border-color:rgba(255,255,255,.3); color:white; }
.btn-danger { background:rgba(192,97,79,.15); color:#E88B7A; border:1px solid rgba(192,97,79,.2); }
.btn-danger:hover { background:var(--danger); color:white; }
.btn-success { background:rgba(107,143,107,.15); color:#8BC48B; border:1px solid rgba(107,143,107,.2); }
.btn-success:hover { background:var(--success); color:white; }

/* Table */
table { width:100%; border-collapse:collapse; }
th { text-align:left; padding:10px 14px; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--text-muted); border-bottom:1px solid var(--border); font-weight:400; }
td { padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.03); font-size:13.5px; color:var(--text-muted); vertical-align:middle; }
tr:hover td { background:rgba(255,255,255,.02); }
td strong, td .name { color:rgba(255,255,255,.85); }

/* Badges */
.badge { display:inline-block; padding:3px 10px; font-size:10px; letter-spacing:1px; text-transform:uppercase; }
.badge-active   { background:rgba(107,143,107,.15); color:#8BC48B; }
.badge-inactive { background:rgba(255,255,255,.05); color:rgba(255,255,255,.3); }
.badge-pending  { background:rgba(200,154,63,.15);  color:#E8B84A; }
.badge-rejected { background:rgba(192,97,79,.15);   color:#E88B7A; }
.badge-new      { background:rgba(166,124,82,.2);   color:#C8966A; }
.badge-processing { background:rgba(70,130,180,.2); color:#7EB8E8; }
.badge-done     { background:rgba(107,143,107,.2);  color:#8BC48B; }
.badge-cancelled{ background:rgba(255,255,255,.05); color:rgba(255,255,255,.3); }
.badge-admin    { background:rgba(192,97,79,.15);   color:#E88B7A; }
.badge-moderator{ background:rgba(70,130,180,.15);  color:#7EB8E8; }
.badge-store    { background:rgba(166,124,82,.2);   color:#C8966A; }
.badge-client   { background:rgba(255,255,255,.05); color:rgba(255,255,255,.4); }

/* Actions */
.actions { display:flex; gap:6px; flex-wrap:wrap; }
.act { background:rgba(255,255,255,.05); border:none; color:var(--text-muted); padding:5px 10px; font-size:11px; cursor:pointer; font-family:'Jost',sans-serif; transition:all .2s; }
.act:hover { background:var(--accent); color:white; }
.act.del:hover { background:var(--danger); }
.act.ok:hover  { background:var(--success); }

/* Forms */
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.form-group { margin-bottom:20px; }
.form-label { display:block; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-muted); margin-bottom:8px; }
.form-control { width:100%; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); color:white; padding:10px 14px; font-family:'Jost',sans-serif; font-size:14px; outline:none; transition:border-color .2s; }
.form-control:focus { border-color:var(--accent); }
select.form-control option { background:#1A1714; }
textarea.form-control { min-height:120px; resize:vertical; }
.form-hint { font-size:12px; color:var(--text-muted); margin-top:4px; }

/* Upload zone */
.upload-zone { border:1px dashed rgba(255,255,255,.12); padding:32px; text-align:center; cursor:pointer; transition:border-color .2s; }
.upload-zone:hover { border-color:var(--accent); }
.upload-zone p { font-size:13px; color:var(--text-muted); margin-top:8px; }

/* Spec rows */
.spec-row { display:flex; gap:8px; margin-bottom:8px; }
.spec-row .form-control { flex:1; }

/* Mod cards */
.mod-card { background:var(--surface); border:1px solid var(--border); padding:20px; margin-bottom:14px; display:flex; gap:20px; }
.mod-thumb { width:80px; height:80px; background:rgba(255,255,255,.05); flex-shrink:0; background-size:cover; background-position:center; }
.mod-body { flex:1; }
.mod-body h4 { font-family:'Cormorant Garamond',serif; font-size:18px; color:white; margin-bottom:4px; }
.mod-body p { font-size:12px; color:var(--text-muted); line-height:1.5; }

/* Alert */
.alert { padding:13px 16px; margin-bottom:20px; font-size:13px; border-left:3px solid; }
.alert-ok { background:rgba(107,143,107,.1); border-color:var(--success); color:#8BC48B; }
.alert-err { background:rgba(192,97,79,.1); border-color:var(--danger); color:#E88B7A; }

/* Pagination */
.pagination { display:flex; gap:6px; margin-top:24px; }
.pag-btn { width:32px; height:32px; border:1px solid var(--border); background:transparent; color:var(--text-muted); cursor:pointer; font-size:13px; font-family:'Jost',sans-serif; transition:all .2s; display:flex; align-items:center; justify-content:center; text-decoration:none; }
.pag-btn.active, .pag-btn:hover { background:var(--accent); color:white; border-color:var(--accent); }

/* Two-col layout */
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media(max-width:1200px) { .stats { grid-template-columns:repeat(2,1fr); } .two-col { grid-template-columns:1fr; } }