@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#133f43;--teal:#087b7a;--sea:#0d676b;--bg:#f3f7f8;--border:#dfebed;--font:"Ebra","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink)}.portal{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#c5e4e0,transparent 30%),linear-gradient(155deg,#f6fbfb,#e6eff0)}
.auth-card{width:min(100%,460px);padding:36px;background:#fff;border:1px solid #dde8e9;border-radius:24px;box-shadow:0 22px 60px #0b3a4016}.auth-card.install-card{width:min(100%,680px)}.logo{height:62px;width:62px;border-radius:17px;background:#0b585c;color:white;font-size:40px;font-weight:800;display:grid;place-items:center}.logo span{font-size:22px;color:#ceac68;position:absolute;margin-right:32px;margin-bottom:25px}.auth-card h1{margin:20px 0 5px;font-size:27px}.auth-card p{color:#60757c;margin:0 0 25px;line-height:1.8}.auth-card form{display:grid;gap:16px}.auth-card label,.manage-grid label{display:grid;gap:7px;font-size:14px;font-weight:600}.auth-card input:not([type=checkbox]),.manage-page input,.manage-page select{padding:12px 13px;border:1px solid #cfdee2;border-radius:10px;font:inherit;width:100%;background:white;color:#193b43}.auth-card input:focus,.manage-page input:focus,.manage-page select:focus{outline:2px solid #7cc2bd}.btn{background:#09666b!important;color:#fff!important;border:0;padding:13px 16px;border-radius:11px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}.btn:hover{background:#074b50!important}.auth-card small{display:block;margin-top:23px;color:#7b9197;line-height:1.8}.error,.success{border-radius:10px;padding:12px 14px;margin:12px 0;background:#fff0f0;color:#aa3333;border:1px solid #f3c8c8}.success{color:#1c754d;background:#eaf8ef;border-color:#bce3cf}.auth-card h3{margin:10px 0 0;color:#0b7272}.two{display:grid;grid-template-columns:2fr 1fr;gap:12px}.check-row{background:#f3f8f8;padding:11px;border-radius:9px}.check-row label{display:flex;align-items:center;font-size:12px;font-weight:400}.check-row input{width:auto!important}.manage-page{margin:0;background:var(--bg)}.manage-head{background:#104d55;color:#fff;padding:16px max(20px,calc((100vw - 1260px)/2));display:flex;justify-content:space-between;align-items:center;gap:14px}.manage-head div{display:flex;gap:16px;align-items:center}.manage-head strong{font-size:23px}.manage-head a{color:white;text-decoration:none;border:1px solid #8eb2b8;border-radius:9px;padding:9px 14px}.manage-head span{color:#bedcdd}.manage-container{max-width:1280px;margin:25px auto;padding:0 20px 60px}.manage-container>p{color:#687f85}.manage-card{background:white;border:1px solid var(--border);border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 8px 30px #20434a08}.manage-card h2{margin:0 0 15px}.manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.manage-grid .btn{align-self:end}.manage-table{overflow:auto}.manage-table table{width:100%;border-collapse:collapse;min-width:760px}.manage-table td,.manage-table th{border-bottom:1px solid #eaf0f2;padding:13px;text-align:right;font-size:13px;vertical-align:middle}.manage-table small{display:block;color:#70858a;font-size:11px;margin-top:5px}.manage-inline{display:flex;align-items:center;gap:7px;min-width:460px}.manage-inline select{max-width:145px}.manage-inline input{max-width:190px}.manage-inline button{font:inherit;color:white;background:#0e7072;border:0;padding:11px;border-radius:8px;cursor:pointer}@media(max-width:700px){.manage-grid,.two{grid-template-columns:1fr}.auth-card{padding:25px}.manage-head div{display:block}.manage-head span{display:block;font-size:12px}.manage-head{padding:12px}.manage-card{padding:15px}}

/* Shared-hosting release: grouped navigation, Arabic readability, responsive workspace */
html,body,button,input,select,textarea,table{font-family:"Ebra","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important}
html{scroll-behavior:smooth}
body{background:#f4f8f9}
.sidebar{width:268px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(170deg,#103a45,#0b4f56 62%,#0e5760);padding:18px 11px 80px;box-shadow:-4px 0 28px #00292b14;scrollbar-width:thin}
.sidebar .brand{padding:7px 6px 22px;display:flex;align-items:center}
.sidebar nav{display:flex;flex-direction:column;gap:12px}
.nav-group{border-top:1px solid #ffffff16;padding-top:6px}
.sidebar .nav-group-head{display:flex;justify-content:space-between;align-items:center;background:transparent;color:#a7c8ca;font-size:11px;font-weight:700;letter-spacing:.1px;border:0;width:100%;padding:11px 13px;margin:0}
.nav-group-head .group-arrow{transition:transform .15s;font-size:18px}
.nav-group-head[aria-expanded=true] .group-arrow{transform:rotate(180deg)}
.nav-group-items{display:flex;flex-direction:column;gap:2px}
.nav-group-items.collapsed{display:none}
.sidebar nav button.side-item{padding:10px 12px;margin:0;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:500;color:#dbe9ea}
.sidebar nav button.side-item .icon{font-size:17px;flex:none}
.sidebar nav button.side-item.active{background:#28727b;color:white;box-shadow:inset -3px 0 #c7a464}
.sidebar nav button.side-item:hover{background:#246671}
.side-manage-link{display:block;padding:12px;border-radius:9px;border:1px solid #82c1c04d;color:#e0f3ef;text-decoration:none;font-size:13px;margin:9px 5px}
.sidebar .side-foot{position:static;padding:22px 12px 0;color:#a7c9cb}
.top{min-height:81px;height:auto;position:relative;gap:15px;padding:13px 25px;flex-wrap:wrap}
.top-actions{gap:10px;flex-wrap:wrap}
.top-actions .role-preview-label{display:none!important}
#authCurrentLabel{font-weight:700;color:#215962}
#rowaaSyncStatus{padding:9px 22px;background:#e8f6f4;color:#116859;border-bottom:1px solid #c4e6dd;font-size:12px;min-height:38px}
#rowaaSyncStatus[data-sync-state=saving]{background:#fef8e9;color:#95691a}
#rowaaSyncStatus[data-sync-state=error]{background:#fff0ef;color:#a83232;font-weight:700}
#rowaaMenuToggle{display:none;border:1px solid #c9dbdf;background:white;color:#124e58;font-size:22px;border-radius:10px;padding:4px 11px}
#rowaaNavShade{display:none}
#access > :not(.rowaa-server-admin){display:none!important}
.rowaa-server-admin{margin:16px 0;padding:22px;background:#f5fafb;border:1px solid #cbdfe3;border-radius:14px}
.rowaa-server-admin h2{margin:0 0 10px}
.rowaa-server-admin p{color:#587780}
#demo{display:none!important}
.body{max-width:1500px;padding:25px 24px 80px}
.box,.metric{border-radius:14px}
button:focus-visible,a:focus-visible{outline:3px solid #e4b45c;outline-offset:2px}
@media(max-width:1080px){.sidebar{width:226px}.body{padding:18px}}
@media(max-width:820px){
 .sidebar{display:block!important;position:fixed!important;z-index:1500;top:0;right:0;left:auto;width:min(84vw,315px)!important;height:100dvh;transform:translateX(110%);transition:transform .22s ease;padding-bottom:70px}
 .sidebar.is-open{transform:translateX(0)}
 #rowaaNavShade.is-open{display:block;position:fixed;inset:0;background:#001c22a8;z-index:1400}
 body.mobile-menu-active{overflow:hidden}
 #rowaaMenuToggle{display:block}
 .mobile-nav{display:none!important}
 .top{padding:12px 14px;gap:9px}
 .top-actions{justify-content:flex-end;gap:7px;flex:1}
 .top-actions #authCurrentLabel{font-size:11px}
 #backupShortcut,.rowaa-mobile-help{display:none!important}
 .body{padding:14px 11px 65px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filter-row{display:grid;grid-template-columns:1fr 1fr}
 .columns{grid-template-columns:minmax(0,1fr)}
 .box{padding:13px}
}
@media(max-width:480px){.filter-row,.metrics{grid-template-columns:minmax(0,1fr)}.metric strong{font-size:24px}.top h1{font-size:17px}.rowaa-auth-logout{font-size:11px;padding:7px 10px}}
@media print{.sidebar,.mobile-nav,#rowaaSyncStatus,#rowaaMenuToggle,#rowaaNavShade{display:none!important}}