:root{--navy:#081525;--ink:#172033;--muted:#687386;--line:#e8edf3;--bg:#f6f8fb;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 20px}.top{background:var(--navy);color:#fff;font-size:13px}.top .wrap{display:flex;justify-content:space-between;padding:9px 20px}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav .wrap{height:72px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;font-size:21px;color:var(--navy)}.brand span{font-weight:700}.navlinks{display:flex;gap:20px;color:#596579;font-weight:650}.navlinks a:hover{color:var(--navy)}.hero{padding:38px 0}.grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0b173d08;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0b173d12}.heroimg,.thumb{width:100%;object-fit:cover;background:#dfe5ec}.heroimg{height:390px}.thumb{height:190px}.pad{padding:20px}.tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#53657d}.title{font-size:34px;line-height:1.1;margin:9px 0}.meta,.muted{color:var(--muted);font-size:13px}.section{padding:25px 0}.section h2{font-size:23px}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ticker{background:#fff;border-bottom:1px solid var(--line);padding:12px 0}.ticker b{background:#b91c1c;color:#fff;padding:5px 9px;border-radius:6px;margin-right:10px;font-size:11px}.article{max-width:820px;margin:45px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.article h1{font-size:46px;line-height:1.08}.article img{max-width:100%;border-radius:14px}.article-content{font-size:18px;line-height:1.8}.footer{margin-top:50px;background:var(--navy);color:#cbd5e1;padding:45px 0}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.panel{width:min(500px,100%);background:#fff;padding:30px;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 70px #08152512}.panel input,.panel textarea,.panel select{width:100%;padding:13px;margin:7px 0;border:1px solid #dce2ea;border-radius:10px}.panel button,button{background:var(--navy);color:#fff;border:0;padding:13px 17px;border-radius:10px;font-weight:800;cursor:pointer;margin-top:8px}.alert{padding:12px;background:#fee2e2;color:#991b1b;border-radius:10px}.admin{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:var(--navy);color:#cbd5e1;padding:25px;position:sticky;top:0;height:100vh}.side a{display:block;padding:11px;border-radius:9px;margin:4px 0}.side a:hover{background:#ffffff12;color:#fff}.main{padding:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid var(--line);padding:20px;border-radius:16px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.watermark{position:relative}.watermark:after{content:'RiansGroup News';position:absolute;right:15px;bottom:12px;color:#fff;background:#081525aa;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:800}@media(max-width:800px){.grid,.newsgrid,.admin{grid-template-columns:1fr}.navlinks{display:none}.heroimg{height:250px}.article h1{font-size:34px}.stats{grid-template-columns:1fr 1fr}.side{position:static;height:auto}}
