*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Nastaliq Urdu","Jameel Noori Nastaleeq",sans-serif;background:#f3f6fb;color:#172033}.topbar{background:linear-gradient(135deg,#111827,#243b73);color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar h1{margin:0 0 6px;font-size:24px}.topbar span{opacity:.85}.logout{color:#fff;text-decoration:none;background:rgba(255,255,255,.14);padding:10px 16px;border-radius:12px}.container{max-width:1200px;margin:24px auto;padding:0 18px;display:grid;grid-template-columns:2fr 1fr;gap:18px}.editor-card,.preview-card,.logs-card,.login-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(17,24,39,.08);padding:20px}.editor-card{grid-row:span 2}.card-head{display:flex;justify-content:space-between;align-items:center}.status{font-size:14px;color:#536078}h2{margin:0 0 14px}textarea{width:100%;min-height:430px;border:1px solid #d9e2ef;border-radius:14px;padding:16px;font-size:20px;line-height:1.8;resize:vertical;direction:auto;background:#fbfdff}textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}button{border:0;background:#2563eb;color:#fff;padding:12px 20px;border-radius:12px;font-weight:700;cursor:pointer}button:hover{filter:brightness(.95)}button.secondary{background:#e5eaf3;color:#172033}.autosave{display:flex;align-items:center;gap:8px;background:#f3f6fb;padding:10px 12px;border-radius:12px}.ticker-preview{background:#0b1220;color:#fff;border-radius:14px;min-height:130px;padding:16px;overflow:auto;line-height:1.8;font-size:20px;white-space:pre-wrap;direction:auto}.logs-card{grid-column:2}.logs-card ul{margin:0;padding:0;list-style:none}.logs-card li{padding:10px 0;border-bottom:1px solid #edf1f7;font-size:13px;color:#536078;direction:ltr;text-align:left}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1d4ed8)}.login-card{width:min(420px,92vw);text-align:right}.login-card h1{margin:0 0 4px}.login-card p{color:#6b7280}.login-card label{display:block;margin-top:14px;font-weight:700}.login-card input{width:100%;padding:13px;border:1px solid #d9e2ef;border-radius:12px;margin-top:6px;direction:ltr}.login-card button{width:100%;margin-top:18px}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px;margin:12px 0}@media(max-width:850px){.container{grid-template-columns:1fr}.logs-card{grid-column:auto}.topbar{align-items:flex-start;flex-direction:column}textarea{min-height:320px}}.toplinks{display:flex;gap:10px;flex-wrap:wrap}.success{background:#dcfce7;color:#166534;padding:10px;border-radius:10px;margin:12px 0}.full-width{grid-column:1/-1}.users-container{grid-template-columns:1fr}.user-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.user-form label{font-weight:700;margin-top:8px}.user-form input,.user-form select{width:100%;padding:12px;border:1px solid #d9e2ef;border-radius:12px;direction:ltr}.user-form button{grid-column:1/-1}.table-wrap{overflow:auto}.users-table{width:100%;border-collapse:collapse;direction:ltr;text-align:left}.users-table th,.users-table td{padding:12px;border-bottom:1px solid #edf1f7;vertical-align:middle}.inline-form{display:inline-flex;gap:6px;align-items:center;margin:3px}.inline-form input{padding:9px;border:1px solid #d9e2ef;border-radius:10px}.small-btn{padding:9px 12px;border-radius:10px}.danger{background:#dc2626!important}@media(max-width:850px){.user-form{grid-template-columns:1fr}.inline-form{display:flex;margin-top:6px}.users-table{font-size:13px}}
