@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

.ua-body { --ink:#17211b; --muted:#7b877f; --line:#e8ece7; --green:#176b52; margin:0; color:var(--ink); font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif; background:#f7f8f4; }
.ua-body *, .ua-body *::before, .ua-body *::after { box-sizing:border-box; }
.ua-body .auth-page { margin:0; min-height:100vh; min-height:100dvh; display:grid; place-items:center; padding:28px 20px; background:radial-gradient(circle at 12% 7%,#d9eee4 0,transparent 38%),radial-gradient(circle at 94% 96%,#e9f0df 0,transparent 33%),#f7f8f4; }
.ua-body .auth-card { width:min(100%,520px); padding:42px 40px; background:#fff; border:1px solid #e6ece7; border-radius:28px; box-shadow:0 25px 62px #173e2724; }
.ua-body .auth-head { margin-bottom:22px; }
.ua-body .auth-logo { display:block; width:150px; max-width:72%; height:auto; margin:0 0 18px auto; }
.ua-body .eyebrow { color:var(--green); font-size:12px; font-weight:700; margin:0 0 4px; }
.ua-body h1 { font-size:32px; line-height:1.35; letter-spacing:-.5px; margin:5px 0 7px; overflow-wrap:anywhere; }
.ua-body h2 { color:#23483e; font-size:20px; line-height:1.6; margin:0 0 10px; }
.ua-body h3 { color:#23483e; font-size:16px; margin:0 0 10px; }
.ua-body .muted { color:var(--muted); font-size:14px; line-height:1.8; margin:0; }
.ua-body a { color:var(--green); }
.ua-body .auth-form { display:grid; gap:7px; margin:28px 0 0; }
.ua-body label { color:#23483e; font-size:15px; font-weight:600; }
.ua-body input:not([type=checkbox]):not([type=hidden]), .ua-body select { width:100%; min-height:50px; border:1px solid #d6e1d8; border-radius:12px; padding:13px 14px; font:inherit; font-size:16px; direction:ltr; text-align:left; background:#fff; transition:border-color .2s,box-shadow .2s; }
.ua-body input.rtl-input { direction:rtl!important; text-align:right!important; }
.ua-body input:focus, .ua-body select:focus { outline:0; border-color:#479274; box-shadow:0 0 0 4px #dff1e6; }
.ua-body .auth-form input+label, .ua-body .auth-form .field-help+label { margin-top:10px; }
.ua-body .field-help { color:var(--muted); font-size:11px; line-height:1.7; }
.ua-body button, .ua-body .primary, .ua-body .outline { font:inherit; font-size:13px; min-height:48px; border-radius:11px; padding:12px 18px; cursor:pointer; }
.ua-body .primary { border:0; background:var(--green); color:#fff; box-shadow:0 8px 18px #176b5222; font-size:15px; }
.ua-body .auth-form .primary { width:100%; margin-top:13px; min-height:50px; }
.ua-body .outline { background:#fff; border:1px solid var(--line); color:var(--ink); }
.ua-body button:disabled { opacity:.55; cursor:not-allowed; }
.ua-body .action-link { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.ua-body a:focus-visible, .ua-body button:focus-visible, .ua-body input[type=checkbox]:focus-visible { outline:3px solid #479274; outline-offset:3px; }
.ua-body .terms-check { display:flex; align-items:flex-start; gap:9px; font-size:14px; font-weight:500; line-height:1.65; text-align:right; margin-top:10px; }
.ua-body .terms-check input { width:18px; height:18px; min-width:18px; flex:0 0 auto; margin:3px 0 0; accent-color:var(--green); }
.ua-body .terms-check a { font-weight:700; text-decoration:none; }
.ua-body .google-access { display:grid; gap:11px; padding:16px; border:1px solid #dce8df; border-radius:16px; background:linear-gradient(135deg,#f8fcf9,#f1f8f3); }
.ua-body .google-access .terms-check { margin:0; }
.ua-body .google-access small { color:#718177; font-size:11px; line-height:1.8; text-align:center; }
.ua-body .google-link-section { margin-top:24px; }
.ua-body .google-link-heading { margin:0; font-size:18px; }
.ua-body #googleButton { display:flex; justify-content:center; max-width:100%; min-height:44px; overflow:hidden; }
.ua-body .google-status { color:var(--green); font-size:13px; line-height:1.8; margin:0; overflow-wrap:anywhere; }
.ua-body .google-status:empty { display:none; }
.ua-body .google-status.is-error { background:#fff0ed; color:#a33b30; padding:12px; border-radius:10px; }
.ua-body .auth-or { display:flex; align-items:center; gap:.75rem; color:#8a958d; font-size:.85rem; margin:20px 0 0; }
.ua-body .auth-or::before, .ua-body .auth-or::after { content:''; height:1px; background:#e1e7df; flex:1; }
.ua-body .auth-or+.auth-form { margin-top:20px; }
.ua-body .auth-error, .ua-body .auth-success, .ua-body .auth-info { margin:0 0 18px; padding:12px; border-radius:10px; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.ua-body .auth-error { background:#fff0ed; color:#a33b30; }
.ua-body .auth-success { background:#e7f4eb; color:var(--green); }
.ua-body .auth-info { background:#f3f7f1; color:#53685c; }
.ua-body .auth-links { display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap; margin-top:18px; font-size:12px; line-height:1.8; }
.ua-body .auth-links a { color:var(--green); text-decoration:none; font-weight:700; }
.ua-body .auth-links span { color:#b3beb7; }
.ua-body .auth-note { margin:18px 0 0; font-size:12px; text-align:center; }
.ua-body .pending-message { display:grid; justify-items:center; gap:16px; padding:18px 10px; text-align:center; }
.ua-body .pending-message p { color:#61736a; font-size:14px; line-height:1.9; margin:0 0 6px; }
.ua-body .pending-symbol { display:grid; place-items:center; width:56px; height:56px; color:var(--green); background:#e7f4eb; border-radius:50%; font-size:27px; }
.ua-body .pending-message+.primary { width:100%; }
.ua-body .auth-card-wide { width:min(100%,820px); }
.ua-body .auth-card-admin { width:min(100%,1000px); }
.ua-body .account-summary { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:20px; border:1px solid #dce8df; border-radius:16px; background:#f8fcf9; }
.ua-body .summary-label { display:block; color:var(--muted); font-size:12px; margin-bottom:8px; }
.ua-body .email-text { display:block; overflow-wrap:anywhere; font-size:14px; line-height:1.8; text-align:right; }
.ua-body .status-badge { display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; flex-shrink:0; padding:4px 10px; border-radius:30px; font-size:11px; line-height:1.8; }
.ua-body .status-active { color:var(--green); background:#e7f4eb; }
.ua-body .status-pending { color:#9b6b3f; background:#fff2df; }
.ua-body .status-suspended { color:#a33b30; background:#fff0ed; }
.ua-body .status-muted { color:#68766d; background:#f0f2ee; }
.ua-body .service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:24px 0; }
.ua-body .service-card { display:grid; gap:10px; padding:20px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.ua-body .service-card h2, .ua-body .service-card h3 { margin:0; font-size:16px; }
.ua-body .service-card .muted { font-size:12px; }
.ua-body .service-card .outline { width:100%; font-size:12px; }
.ua-body .account-actions, .ua-body .admin-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:24px 0 0; }
.ua-body .account-actions form, .ua-body .admin-toolbar form { margin:0; }
.ua-body .admin-toolbar { justify-content:space-between; margin:0 0 24px; }
.ua-body .admin-panel { margin-top:20px; padding:24px; border:1px solid var(--line); border-radius:18px; background:#fbfdfb; }
.ua-body .panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ua-body .registration-form { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }
.ua-body .registration-form .terms-check { margin:0; }
.ua-body .registration-form .primary { flex-shrink:0; font-size:13px; }
.ua-body .user-list { display:grid; gap:12px; margin-top:20px; }
.ua-body .user-service-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ua-body .service-review-form { display:grid; gap:8px; padding:14px; border:1px solid var(--line); border-radius:12px; min-width:0; }
.ua-body .service-review-form label { font-size:12px; }
.ua-body .service-review-form select { width:100%; min-height:44px; padding:10px; direction:rtl; }
.ua-body .verification-note { grid-column:1/-1; margin:0; }
.ua-body .user-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); align-items:center; gap:18px; padding:18px; border:1px solid #e3ebe3; border-radius:14px; background:#fff; }
.ua-body .user-details { display:grid; justify-items:start; gap:5px; min-width:0; }
.ua-body .user-details>strong { color:#173f36; font-size:15px; overflow-wrap:anywhere; }
.ua-body .user-details .email-text { max-width:100%; color:#6d7d74; font-size:12px; }
.ua-body .review-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; margin:0; }
.ua-body .review-form label { grid-column:1/-1; font-size:12px; }
.ua-body .review-form select { min-height:44px; padding:10px; direction:rtl; text-align:right; font-size:14px; }
.ua-body .review-form button { min-height:44px; padding:10px 15px; }
.ua-body .admin-role { text-align:left; }
.ua-body .terms-document h2 { margin-top:28px; }
.ua-body .terms-document p { margin:10px 0; font-size:14px; line-height:2; color:#53685c; }
.ua-body [hidden] { display:none!important; }
@media(max-width:700px) { .ua-body .service-grid, .ua-body .user-service-list { grid-template-columns:1fr; } .ua-body .registration-form { display:grid; } .ua-body .user-row { grid-template-columns:1fr; } .ua-body .admin-role { text-align:right; } }
@media(max-width:600px) { .ua-body .auth-page { padding:18px 14px; } .ua-body .auth-card { width:100%; padding:30px 24px; border-radius:24px; } .ua-body h1 { font-size:28px; } .ua-body .auth-head { margin-bottom:18px; } .ua-body .google-access { padding:14px; } .ua-body input:not([type=checkbox]):not([type=hidden]) { min-height:52px; } .ua-body .auth-links { font-size:13px; } .ua-body .account-summary { align-items:flex-start; flex-direction:column; padding:16px; } .ua-body .account-actions { display:grid; grid-template-columns:1fr; } .ua-body .account-actions button, .ua-body .account-actions .action-link { width:100%; } .ua-body .admin-panel { padding:18px 14px; } .ua-body .user-row { padding:14px; } }
@media(max-width:560px) { .ua-body .auth-logo { width:132px; margin-bottom:15px; } }
@media(prefers-reduced-motion:reduce) { .ua-body input, .ua-body select { transition:none!important; } }