*{box-sizing:border-box}body{margin:0;font-family:Cairo,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font-family:inherit}a{color:var(--primary)}a:hover{color:var(--primary-dark)}h1,h2{margin:0}.display{font-family:El Messiri,serif}.logo{font-family:Montserrat,sans-serif;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px}.btn{height:44px;padding:0 18px;border-radius:12px;border:0;cursor:pointer;background:var(--primary);color:#fff;font-size:14px;font-weight:700}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:default}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--text-muted)}.field input{height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg);font-size:15px;color:var(--text)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:right;padding:12px 8px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border)}td{padding:10px 8px;border-bottom:1px solid var(--divider)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.mobile-topbar,.sidebar-backdrop{display:none}@media(max-width:900px){body{-webkit-text-size-adjust:100%}.mobile-topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;height:56px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border)}.menu-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:20px;cursor:pointer}.sidebar{position:fixed!important;top:0;right:0;bottom:0;z-index:50;height:100dvh!important;transform:translate(100%);transition:transform .2s ease;box-shadow:none}.sidebar.open{transform:none;box-shadow:-8px 0 32px #2b1f222e}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:45;background:#2b1f2266}.page-header{height:auto!important;flex-wrap:wrap;padding:14px 16px!important;gap:10px!important}.page-header>div:first-child{flex-basis:100%}.page-header h1{font-size:19px!important}.page-header input[type=search],.page-header input:not([type]){width:100%!important;flex-grow:1}.page-header [role=tablist]{max-width:100%;overflow-x:auto}.page-header [role=tablist] button{white-space:nowrap}main{padding:14px 12px 20px!important}.r-grid{grid-template-columns:minmax(0,1fr)!important}.r-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card{overflow-x:auto;position:relative}.card>table,main table{min-width:620px}td,th{white-space:nowrap}.r-split{flex-direction:column;min-height:0!important}.r-list{width:auto!important;border-left:0!important;padding:14px 12px!important}.r-detail{width:auto!important;min-height:0!important;border-right:0!important;padding:16px!important}.r-pad{padding:16px 12px 24px}.modal-overlay{padding:8px!important;align-items:flex-end!important}[role=dialog].card{width:100%!important;max-height:94dvh!important}}