@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Rajdhani',sans-serif;color:#eaf7ff}body{background:#020b16 url('https://img.sianj.ink/assets/background.jpg') center/cover fixed no-repeat}body:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(1,10,21,.82),rgba(1,9,18,.94));z-index:-1}.wrap{width:min(1120px,94%);margin:auto}.top{margin:18px auto 45px;border:1px solid #0877ae;border-radius:16px;background:rgba(1,17,32,.88);display:flex;align-items:center;padding:14px 22px;box-shadow:0 0 35px rgba(0,180,255,.12)}.brand{display:flex;gap:14px;align-items:center}.brand img{width:48px;height:48px;object-fit:contain}.brand b{font-size:24px;letter-spacing:1.5px}.brand small{display:block;color:#14c8ff;letter-spacing:3px}.nav{margin-left:auto;display:flex;gap:10px}.btn,a.btn{border:1px solid #0877ae;background:#041b30;color:#dff7ff;border-radius:10px;padding:11px 18px;font:700 15px Rajdhani;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover{border-color:#19d2ff;box-shadow:0 0 18px rgba(25,210,255,.22)}.primary{background:linear-gradient(90deg,#168cff,#10c6ef);border:0;color:#fff}.hero{text-align:center;margin-bottom:28px}.hero img{width:74px}.hero h1{font-size:44px;margin:8px 0}.cyan{color:#12c6f4}.muted{color:#7f9ab1}.card{background:rgba(1,18,34,.91);border:1px solid #0877ae;border-radius:16px;padding:22px;box-shadow:0 15px 50px rgba(0,0,0,.22);margin-bottom:18px}.card h2{margin:0 0 14px;font-size:22px}.editor{width:100%;min-height:310px;background:#00101f;border:1px solid #075e8d;border-radius:12px;color:#dff7ff;padding:18px;font:500 15px Rajdhani;resize:vertical;outline:none}.editor:focus,input:focus,select:focus{border-color:#13c8f5;box-shadow:0 0 0 2px rgba(19,200,245,.1)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.field label{display:block;color:#91abc0;margin-bottom:6px}.field input,.field select,.search{width:100%;background:#00101f;border:1px solid #075e8d;border-radius:9px;color:#eaf7ff;padding:11px;font:500 15px Rajdhani}.actions{display:flex;gap:10px}.actions .primary{flex:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:16px;border:1px solid #086d9f;border-radius:12px;background:#02182b}.stat small{color:#7594aa;letter-spacing:1px}.stat strong{display:block;font-size:25px;color:#17caff}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #07314b}.table th{color:#7998af;font-size:13px}.code{background:#000b14;border:1px solid #075e8d;border-radius:12px;padding:18px;overflow:auto;white-space:pre-wrap;word-break:break-word;min-height:300px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.notice{padding:12px;border:1px solid #0a719e;background:#03223a;border-radius:10px}.danger{border-color:#9c2d49;background:#35101b}.footer{text-align:center;color:#6f8ba1;padding:30px}.login{max-width:460px;margin:100px auto}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}@media(max-width:800px){.grid,.stats{grid-template-columns:1fr 1fr}.nav{display:none}.hero h1{font-size:34px}.table{font-size:13px}}@media(max-width:520px){.grid,.stats{grid-template-columns:1fr}.actions{flex-direction:column}.top{padding:12px}.brand b{font-size:20px}}