:root{--primary: #0e7490;--primary-dark: #0b5566;--danger: #e53935;--success: #22c55e;--bg: #f4f7f8;--surface: #ffffff;--border: #dbe3e6;--text: #16232a;--text-muted: #62777d;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Cairo,system-ui,sans-serif}code{font-family:Roboto Mono,monospace;font-size:.85em;background:#eef2f3;padding:0 4px;border-radius:4px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--primary-dark);color:#fff}.brand{font-weight:700}.app-body{display:flex;flex:1}.app-nav{width:200px;flex-shrink:0;background:var(--surface);border-inline-start:1px solid var(--border);display:flex;flex-direction:column;padding:12px;gap:4px}.app-nav a{padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none}.app-nav a.active{background:var(--primary);color:#fff}.app-nav a small{color:var(--text-muted)}.app-content{flex:1;padding:20px;overflow-x:auto}.page-header h2{margin:0 0 16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.card-value{font-size:2rem;font-weight:700;color:var(--primary-dark)}.card-label{color:var(--text-muted)}.filters{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.split-panel{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;align-items:start}.list-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.list-item{text-align:start;background:transparent;border:1px solid transparent;border-radius:8px;padding:10px;cursor:pointer;font-family:inherit}.list-item:hover{background:#f0f6f7}.list-item.active{border-color:var(--primary);background:#e6f4f6}.list-item-title{font-weight:600}.list-item-meta{display:flex;gap:8px;font-size:.85rem;margin-top:4px}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;min-height:200px}.detail-fields{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;margin:12px 0}.detail-fields dt{color:var(--text-muted)}.detail-fields dd{margin:0}.badge{background:#eef2f3;border-radius:999px;padding:2px 10px;font-size:.8rem}.messages{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-height:40vh;overflow-y:auto}.message{border-radius:10px;padding:10px 12px;background:#f4f7f8}.message-admin,.message-moderator{background:#e6f4f6;align-self:flex-end}.message-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.reply-form textarea{width:100%;min-height:80px;font-family:inherit;padding:10px;border:1px solid var(--border);border-radius:8px}.actions-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}button,select,input,textarea{font-family:inherit;font-size:1rem}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost{border:none;border-radius:8px;padding:8px 16px;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#eef2f3;color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.muted{color:var(--text-muted)}.error{color:var(--danger)}.placeholder-box{background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:40px;text-align:center;color:var(--text-muted)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--surface);border-radius:16px;padding:32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px #00000014}.login-subtitle{color:var(--text-muted);margin-top:-6px}.login-message{background:#fff7e6;border-radius:8px;padding:8px 12px}.login-error,.unauthorized-card h1{color:var(--danger)}.user-card{background:#f8fafb;border-radius:12px;padding:16px;margin-top:8px}.sanction-row{border-bottom:1px solid var(--border);padding:8px 0}.sanction-row:last-child{border-bottom:none}