*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Devanagari",sans-serif;background:#f4f6fb;color:#1d2433}.topbar{background:linear-gradient(135deg,#40205f,#8d3c7c);color:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:25px;font-weight:800}.subbrand{opacity:.9;margin-top:4px}.top-actions{display:flex;gap:12px;align-items:center}.container{width:min(1200px,92%);margin:28px auto}.landing{min-height:70vh;display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:center}.hero{text-align:center;padding:60px 20px}.hero h1{font-size:clamp(42px,7vw,80px);margin:15px 0;background:linear-gradient(90deg,#8d3c7c,#e39b3b);color:transparent;background-clip:text}.hero p{font-size:20px}.music-note{font-size:70px;color:#8d3c7c}.login-card,.form-card,.info-panel,.result-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(30,20,50,.08)}.login-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .full{grid-column:1/-1}label{font-weight:700;display:flex;flex-direction:column;gap:7px}input,select{padding:12px;border:1px solid #ccd2df;border-radius:9px;font-size:15px;background:#fff}.btn{display:inline-block;border:0;border-radius:9px;padding:11px 18px;text-decoration:none;cursor:pointer;font-weight:700;margin-top:14px}.btn-primary{background:#713c91;color:#fff}.btn-secondary{background:#e8ebf2;color:#222}.btn-danger{background:#b52c43;color:#fff;margin-top:0}.btn-warning{background:#d68a18;color:#fff}.btn-success{background:#208553;color:#fff}.btn-wide{width:100%}.btn-small{padding:6px 10px;background:#ece9f5;color:#4d2b68;margin:0}.page-title{text-align:center;margin-bottom:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.module-tile{background:#fff;padding:28px 15px;border-radius:18px;text-align:center;text-decoration:none;color:#262236;box-shadow:0 8px 25px rgba(30,20,50,.07);transition:.2s}.module-tile:hover{transform:translateY(-4px)}.tile-icon{font-size:45px}.module-tile h3{margin-bottom:0}.info-panel{margin-top:25px}.alert{padding:13px 16px;border-radius:10px;margin:12px 0}.success{background:#e5f7ec;color:#166534}.error{background:#fde9ed;color:#9d1834}.data-table{width:100%;border-collapse:collapse;background:#fff;margin-top:25px;border-radius:12px;overflow:hidden}.data-table th,.data-table td{padding:12px;border-bottom:1px solid #e8ebf0;text-align:left}.data-table th{background:#f0edf6}.draw-stage{margin:25px 0;padding:45px;text-align:center;background:linear-gradient(135deg,#f7edf8,#fff5e8);border-radius:18px}.draw-stage #drawName{font-size:42px;font-weight:800;color:#713c91}.draw-stage #drawSong{font-size:23px;margin-top:12px}.draw-buttons{text-align:center}.result-card{margin-top:20px;min-height:60px}.media-player{width:100%;max-height:500px;margin-top:20px}.footer{text-align:center;padding:30px;color:#687083}.muted{color:#6e7585}@media(max-width:800px){.landing{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.data-table{font-size:13px;display:block;overflow:auto}}@media(max-width:480px){.dashboard-grid{grid-template-columns:1fr}.hero{padding:25px 5px}.hero h1{font-size:42px}}