:root{font-family:Vazirmatn,Segoe UI,Tahoma,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f2a42}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 14% 22%,rgba(49,170,218,.2),transparent 36%),radial-gradient(circle at 84% 6%,rgba(124,201,108,.2),transparent 34%),linear-gradient(145deg,#eff8ff,#edf3ff 60%,#f9f7f2);color:#0f2a42}#root{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{width:min(1320px,100%);margin:0 auto;padding:2rem 1rem 3rem;display:grid;gap:1rem;animation:page-enter .5s ease-out}.hero{border-radius:18px;padding:1.4rem;background:linear-gradient(130deg,#ffffffeb,#e9f5ffeb);border:1px solid rgba(34,77,115,.16);box-shadow:0 24px 40px -35px #092a4a99}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#225c86;font-family:Space Grotesk,Segoe UI,sans-serif}.hero h1{margin:.35rem 0 0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.5rem,2.4vw,2.5rem);color:#0a2a45}.subtext{margin:.4rem 0 0;color:#33536b}.panel{border-radius:16px;background:#ffffffe6;border:1px solid rgba(21,53,90,.14);box-shadow:0 18px 30px -30px #092a4aa6;padding:1rem}.settings-grid,.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;align-items:end}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;align-items:end}.field{display:grid;gap:.35rem}.field span{color:#1f4667;font-size:.86rem;font-weight:700}.field input,.field select{width:100%;border-radius:10px;border:1px solid #bfd5e6;background:#fdfefe;min-height:40px;padding:.55rem .7rem;font-size:.95rem;color:#0e253a;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.field select:focus{outline:none;border-color:#1585cc;box-shadow:0 0 0 3px #1585cc33}.settings-actions,.auth-actions,.filters-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn{border:0;border-radius:10px;min-height:40px;padding:.55rem .95rem;font-weight:700;cursor:pointer;transition:transform .14s ease,filter .14s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px);filter:brightness(.96)}.btn:disabled{cursor:not-allowed;opacity:.58;transform:none}.btn-primary{color:#fcfeff;background:linear-gradient(135deg,#0478be,#1f9fbc)}.btn-ghost{color:#0b3557;background:#dceaf7}.btn-accent{color:#112a0c;background:linear-gradient(135deg,#95d476,#e0f2a4)}.token-state{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 .7rem;border-radius:999px;font-size:.83rem;font-weight:700}.token-state.ok{color:#0b4e2f;background:#c6f5dd}.token-state.warn{color:#5c3608;background:#fbe2c5}.status{margin:10px 0 0;border-radius:10px;border:1px solid #c4d8eb;background:#eff7ff;color:#143a58;padding:.7rem .85rem}.status-error{border-color:#efb5b5;background:#fff0f0;color:#8d1d1d}.table-panel{overflow:hidden}.table-wrap{width:100%;overflow-x:auto}.logs-table{width:100%;border-collapse:collapse;min-width:1020px}.logs-table th,.logs-table td{border-bottom:1px solid #e3eef7;padding:.62rem;vertical-align:top;text-align:left}.logs-table th{position:sticky;top:0;background:#f0f8ff;color:#20496a;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.81rem;text-transform:uppercase;letter-spacing:.04em}.logs-table tr{animation:row-enter .26s ease both}.logs-table td pre{margin:0;white-space:pre-wrap;font-family:Consolas,Courier New,monospace;font-size:.75rem;line-height:1.5;color:#22445f}.message-cell{min-width:280px}.badge{display:inline-block;border-radius:999px;padding:.2rem .55rem;font-size:.76rem;font-weight:700;text-transform:uppercase}.badge-info{background:#d9f0ff;color:#055185}.badge-warn{background:#fde4b2;color:#8a4c05}.badge-error{background:#f8c9c9;color:#8f1e1e}.badge-unknown{background:#d8d8d8;color:#444}.empty-cell{text-align:center;padding:1.4rem 0;color:#44617a}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes row-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid,.auth-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-shell{padding:1rem .7rem 2rem;gap:.7rem}.filters-grid{grid-template-columns:1fr}.settings-actions,.auth-actions,.filters-actions{width:100%}.btn,.token-state{width:100%;justify-content:center}}
