:root{--green:#143d34;--gold:#c9ac79;--cream:#f6f2e9;--line:#ded6c9;--ink:#243e34}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:'Noto Sans',Arial,sans-serif;color:var(--ink)}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.top{background:var(--green);color:#f7f1e6;display:flex;gap:15px;align-items:center;justify-content:space-between;min-height:76px;padding:15px max(24px,5vw);font-size:13px}.top a{text-decoration:none}.top span{letter-spacing:2px;font-weight:700;font-size:10px;color:#d2bb91}.shell{max-width:1150px;margin:auto;padding:40px 22px 70px}.intro{margin:0 0 34px}.eyebrow{color:#a0804c;font-size:11px;font-weight:700;letter-spacing:2.2px}.intro h1{font:400 clamp(32px,5vw,56px)/1.2 'Noto Serif',serif;margin:12px 0}.intro h1 em{color:#9f8157}.intro p{max-width:750px;font-size:15px;line-height:1.7;color:#57695d}.card,.setup{background:#fffdf8;border:1px solid var(--line);box-shadow:0 8px 30px #2a261b0c;padding:27px}.login{max-width:470px}.card h2,.card h3,.setup h2{font:400 26px 'Noto Serif',serif;margin:0 0 18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-title span{font-size:13px;color:#8c7859}.lock{color:#be9861;font-size:28px}.card label{display:block;font-size:12px;font-weight:700;margin:18px 0 7px}.card label small{font-weight:400;color:#818b82}.card input:not([type=file]),.card textarea,.card select{background:white;border:1px solid #c9c9bf;border-radius:3px;width:100%;padding:12px;font-size:14px;color:var(--ink)}.card textarea{resize:vertical;line-height:1.7}.card input[type=file]{width:100%;border:1px dashed #adbaae;background:#f8f9f5;padding:12px;font-size:13px}.card input:focus,.card textarea:focus,.card select:focus{outline:3px solid #dfd0aa;outline-offset:2px}.btn{border:1px solid var(--green);padding:13px 17px;font-weight:700;font-size:13px;border-radius:3px;min-height:44px}.btn.primary{background:var(--green);color:white}.btn.outline{background:transparent;color:var(--green)}.login .btn{margin-top:20px;width:100%}.help{color:#778175;font-size:12px;line-height:1.7}.notice{padding:14px 18px;background:#fff1ce;border:1px solid #d7ae52;margin-bottom:25px;font-size:13px;line-height:1.6;white-space:pre-line}.notice.ok{background:#e9f4e7;border-color:#98b58b}.setup{border-left:5px solid #be9565;margin-bottom:22px}.setup p{line-height:1.65}.workhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px}.workhead h2{font:400 30px 'Noto Serif',serif;margin:7px 0 0}.editor-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:13px}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.admin-track{border-top:1px solid var(--line);padding:18px 0}.admin-track strong{display:block;font:600 19px 'Noto Serif',serif;margin-bottom:6px}.admin-track small{color:#7a857a}.track-buttons{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.track-buttons button{border:1px solid #bfc9bd;background:#f8faf6;border-radius:3px;padding:10px;font-size:11px;color:#264a3b}.track-buttons .danger{border-color:#d7b0a8;color:#a33826}.admin-tracks:empty:before{content:'Đang tải ca khúc…';font-size:13px;color:#718279}footer{background:var(--green);color:#e7e2d5;text-align:center;padding:22px;font-size:12px}
@media(max-width:800px){.editor-grid{grid-template-columns:1fr}.shell{padding:27px 15px 55px}.card{padding:21px}.top{padding:14px}.top span{font-size:9px}.split{grid-template-columns:1fr}.intro h1{font-size:35px}}