:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #7c6cff;--accent2: #38d9a9}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:24px 20px 80px}header{display:flex;align-items:center;gap:14px;padding:18px 0 26px;flex-wrap:wrap}h1{font-size:22px;letter-spacing:.3px}h1 .dot{color:var(--accent2)}.sub{color:var(--muted);font-size:13px}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tab{padding:9px 18px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;font-size:14px;font-weight:500}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}input,select,textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.search{flex:1;min-width:200px}.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted);font-weight:500}.btn.small{padding:6px 12px;font-size:12.5px}.btn.danger{background:#da3633}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#0a0e14}.card h3{font-size:16px}.card .meta{color:var(--accent2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card p{color:var(--muted);font-size:13.5px;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11.5px;padding:3px 9px;border-radius:999px;background:#21262d;color:var(--muted);border:1px solid var(--border)}.card .actions{display:flex;gap:8px;margin-top:auto;padding-top:8px}.empty{color:var(--muted);text-align:center;padding:60px 0;font-size:15px}.stats{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 18px;min-width:120px}.stat b{display:block;font-size:24px}.stat span{color:var(--muted);font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px;width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow:auto}.modal h2{font-size:17px}.modal label{font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.modal .row{display:flex;gap:10px}.modal .row>*{flex:1}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.linked{font-size:13px;color:var(--muted)}.linked b{color:var(--text)}
