/* Mowzom Dashboard — Apple Glass Dark */
:root {
  --bg: #000;
  --card: rgba(255,255,255,0.06);
  --card-hover: rgba(255,255,255,0.10);
  --glass: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.12);
  --text: #f5f5f7;
  --text2: rgba(255,255,255,0.6);
  --text3: rgba(255,255,255,0.4);
  --accent: #0a84ff;
  --accent2: rgba(10,132,255,0.25);
  --green: #30d158;
  --red: #ff453a;
  --orange: #ff9f0a;
  --purple: #bf5af2;
  --blur: 20px;
  --r: 16px;
  --rs: 10px;
}
* { margin:0;padding:0;box-sizing:border-box; }
html,body { height:100%; font-family:-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI",sans-serif; background:var(--bg); color:var(--text); overflow-x:hidden; -webkit-font-smoothing:antialiased; }
body { padding-top:56px; }
.glass-surface { background:var(--glass); backdrop-filter:blur(var(--blur)); -webkit-backdrop-filter:blur(var(--blur)); border:1px solid var(--glass-border); border-radius:var(--r); }

/* Header */
.glass-header { position:fixed;top:0;left:0;right:0;height:56px;z-index:100; background:rgba(0,0,0,0.85);backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,0.08); display:flex;align-items:center;padding:0 16px;gap:12px; }
.glass-header .logo { font-size:24px; }
.glass-header h1 { font-size:18px;font-weight:600;flex:1; }
.icon-btn { background:none;border:none;color:var(--text2);font-size:20px;padding:8px;border-radius:8px;cursor:pointer; }
.icon-btn:hover { background:rgba(255,255,255,0.1); }

/* Container */
.container { padding:12px 16px 100px; display:flex; flex-direction:column; gap:14px; }

/* Cards */
.card { padding:18px; margin-bottom:0; }
.card-title { font-size:15px;font-weight:600;margin-bottom:14px;color:var(--text); }

/* Stats grid */
.stats-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.stat-item { display:flex;flex-direction:column;gap:6px; }
.stat-label { font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:0.5px; }
.stat-value { font-size:14px;font-weight:500;color:var(--text); }
.stat-bar { height:6px;border-radius:3px;background:rgba(255,255,255,0.08);overflow:hidden; }
.stat-fill { height:100%;border-radius:3px;transition:width 0.6s ease; }
.stat-fill.green { background:var(--green); }
.stat-fill.orange { background:var(--orange); }
.stat-fill.red { background:var(--red); }

/* Actions */
.action-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.action-btn { display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;cursor:pointer;transition:all 0.2s;border:1px solid var(--glass-border);background:var(--glass);color:var(--text);border-radius:var(--rs); }
.action-btn:hover { background:var(--card-hover);transform:translateY(-2px); }
.action-icon { font-size:28px; }
.action-text { font-size:12px;font-weight:500;text-align:center; }

/* Module list */
.module-list { display:flex;flex-direction:column;gap:8px; }
.module-item { display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--rs);background:rgba(255,255,255,0.03); }
.module-icon { font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border-radius:8px; }
.module-info { flex:1; }
.module-name { font-size:14px;font-weight:600; }
.module-desc { font-size:12px;color:var(--text3); }
.module-status { font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px; }
.module-status.active { background:rgba(48,209,88,0.2);color:var(--green); }

/* Download list */
.dl-list { display:flex;flex-direction:column;gap:6px; }
.dl-empty { text-align:center;color:var(--text3);padding:20px;font-size:13px; }
.dl-item { display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--rs);background:rgba(255,255,255,0.03); }
.dl-icon { font-size:18px; }
.dl-info { flex:1; }
.dl-name { font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.dl-meta { font-size:11px;color:var(--text3); }
.dl-badge { font-size:10px;padding:2px 6px;border-radius:5px;font-weight:600; }
.dl-badge.ok { background:rgba(48,209,88,0.2);color:var(--green); }

/* Settings */
.setting-row { display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.05); }
.setting-row:last-child { border:none; }
.toggle { position:relative;display:inline-block;width:44px;height:24px; }
.toggle input { opacity:0;width:0;height:0; }
.toggle .slider { position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#333;border-radius:12px;transition:0.3s; }
.toggle .slider:before { content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#888;border-radius:50%;transition:0.3s; }
.toggle input:checked + .slider { background:var(--green); }
.toggle input:checked + .slider:before { transform:translateX(20px);background:#fff; }

/* Footer */
.footer { text-align:center;color:var(--text3);font-size:11px;padding:20px 0; }