:root{--bg:#021009;--bg2:#061c12;--panel:rgba(255,255,255,.065);--panel2:rgba(255,255,255,.095);--line:rgba(255,255,255,.11);--green:#22C55E;--green2:#16a34a;--text:#eafff0;--muted:#95aa9d;--danger:#fb7185;--warn:#f59e0b;--shadow:rgba(0,0,0,.45)}
*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 25% 10%,rgba(34,197,94,.16),transparent 34%),radial-gradient(circle at 90% 70%,rgba(34,197,94,.1),transparent 28%),linear-gradient(140deg,#010604,#062116 55%,#020806);}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}code{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:8px;padding:2px 6px}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(0,0,0,.38);border-right:1px solid rgba(34,197,94,.14);backdrop-filter:blur(24px);padding:22px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:15px;background:var(--green);display:grid;place-items:center;color:#021006;font-weight:950;box-shadow:rgba(34,197,94,.55) 0 0 5px,rgba(34,197,94,.45) 0 0 15px,rgba(34,197,94,.35) 0 0 30px,rgba(34,197,94,.28) 0 0 60px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:13px 14px;border-radius:16px;color:var(--muted);border:1px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.22);color:var(--text)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.sidebar-foot a{color:var(--green)}.main{padding:26px 32px 110px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.topbar h1{margin:0;font-size:32px;letter-spacing:-.04em}.topbar p{margin:4px 0 0;color:var(--muted)}.hamb{display:none}.pill,.badge{border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.09);color:var(--green);border-radius:999px;padding:9px 13px;font-weight:750;font-size:13px}.badge.draft{color:#fbbf24;border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.08)}.badge.published{color:var(--green)}.card,.stat,.login-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 90px var(--shadow);backdrop-filter:blur(22px)}.card{padding:22px;margin-bottom:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.card-head h2{margin:0}.muted,.hint,small{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:14px;margin-bottom:20px}.stat{padding:20px}.stat b{display:block;font-size:36px;letter-spacing:-.05em}.stat span{color:var(--muted)}.btn{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);border-radius:14px;padding:11px 15px;cursor:pointer;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:rgba(255,255,255,.12)}.btn.primary{background:var(--green);border-color:transparent;color:#021006;box-shadow:rgba(34,197,94,.55) 0 0 5px,rgba(34,197,94,.45) 0 0 15px,rgba(34,197,94,.35) 0 0 30px,rgba(34,197,94,.28) 0 0 60px}.btn.danger{color:#fff;background:rgba(244,63,94,.18);border-color:rgba(244,63,94,.35)}.btn.tiny{padding:7px 10px;border-radius:10px;font-size:12px}.btn.full{width:100%}.alert{padding:13px 16px;border-radius:16px;margin:0 0 18px;border:1px solid var(--line);background:rgba(255,255,255,.08)}.alert.success{color:#bbf7d0;border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.1)}.alert.danger{color:#fecdd3;border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.1)}label{display:grid;gap:8px;color:#dff9e7;font-weight:720}label small{font-weight:500}input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text);border-radius:14px;padding:13px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:rgba(34,197,94,.55);box-shadow:0 0 0 4px rgba(34,197,94,.08)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wide{grid-column:1/-1}.upload-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.dropzone{min-height:220px;border:1.5px dashed rgba(34,197,94,.35);border-radius:24px;display:grid;place-items:center;text-align:center;padding:24px;background:rgba(34,197,94,.045);cursor:pointer}.dropzone input{display:none}.dropzone.dragging{border-color:rgba(34,197,94,.75);background:rgba(34,197,94,.1);box-shadow:rgba(34,197,94,.25) 0 0 35px inset}.drop-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:rgba(34,197,94,.15);font-size:34px;color:var(--green);box-shadow:rgba(34,197,94,.22) 0 0 38px}.progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:18px 0 8px}.progress span{display:block;height:100%;width:0;background:var(--green);box-shadow:rgba(34,197,94,.45) 0 0 18px;transition:width .18s ease}.progress-text{margin:0;color:var(--muted);font-size:13px}.wave-preview{margin-top:14px}.waveform{width:100%;height:150px;border-radius:18px;background:rgba(0,0,0,.24);border:1px solid var(--line);cursor:crosshair;display:block}.wave-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.wave-play[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.wave-time{font-weight:850;color:var(--text);font-variant-numeric:tabular-nums}.wave-hint{color:var(--muted);font-size:13px}.image-picker{display:block;margin-bottom:14px}.image-picker input{display:none}.image-picker span{display:block;text-align:center;border:1px dashed rgba(34,197,94,.34);background:rgba(34,197,94,.06);border-radius:16px;padding:13px;cursor:pointer}.image-preview{height:315px;border-radius:24px;background:rgba(0,0,0,.24) center/cover no-repeat;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);overflow:hidden}.sticky-actions{position:fixed;right:32px;bottom:24px;display:flex;gap:12px;z-index:10;padding:10px;border-radius:20px;background:rgba(0,0,0,.42);border:1px solid var(--line);backdrop-filter:blur(18px)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}td small{display:block;margin-top:3px}.thumb{width:52px;height:52px;border-radius:14px;object-fit:cover;background:rgba(34,197,94,.12);display:grid;place-items:center;color:var(--green)}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions form{display:inline}.searchbar{display:flex;gap:10px;margin-bottom:16px}.empty{text-align:center;color:var(--muted);padding:28px}.suggest-wrap{position:relative}.suggestions{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:#06130d;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.45);display:none}.suggestions button{width:100%;text-align:left;padding:12px 14px;background:transparent;color:var(--text);border:0;cursor:pointer}.suggestions button:hover{background:rgba(34,197,94,.12)}.entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.entity-card{padding:16px;border-radius:22px;background:rgba(0,0,0,.2);border:1px solid var(--line);display:grid;gap:12px}.entity-img{height:180px;border-radius:18px;background:rgba(34,197,94,.1) center/cover no-repeat;display:grid;place-items:center;font-size:54px;font-weight:900;color:var(--green)}.entity-foot{display:flex;align-items:center;justify-content:space-between}.login-page{display:grid;place-items:center;padding:30px}.login-card{width:min(440px,92vw);padding:28px}.login-brand{margin-bottom:20px}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:15px}.narrow{max-width:560px}
@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;transform:translateX(-105%);transition:.25s ease;width:280px}.sidebar.open{transform:translateX(0)}.main{padding:22px 16px 110px}.hamb{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:13px;padding:10px 12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.upload-grid,.form-grid{grid-template-columns:1fr}.sticky-actions{left:16px;right:16px;justify-content:flex-end}.topbar h1{font-size:25px}.searchbar{flex-direction:column}.actions{min-width:230px}.image-preview{height:240px}}

/* Audio upload preview player */
.waveform-player{margin-top:14px;border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.18);padding:12px;position:relative;overflow:hidden}
.waveform-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.wave-play{border:0;border-radius:999px;background:var(--green);color:#021006;font-weight:900;cursor:pointer;padding:10px 16px;box-shadow:rgba(34,197,94,.55) 0 0 5px,rgba(34,197,94,.45) 0 0 15px,rgba(34,197,94,.35) 0 0 30px,rgba(34,197,94,.28) 0 0 60px}
.wave-play:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.wave-time{font-variant-numeric:tabular-nums;color:#dff9e7;font-weight:800}
.wave-hint{color:var(--muted);font-size:13px;margin-left:auto}
.waveform-player .waveform{margin-top:0;cursor:pointer;display:block;touch-action:manipulation}
@media(max-width:680px){.waveform-tools{align-items:flex-start}.wave-hint{width:100%;margin-left:0}.wave-play{width:100%}}