:root{color-scheme:light}
:root{--pri:#7b2d5b;--pri2:#a14a7f;--bg:#f6f1f4;--card:#fff;--txt:#2b2430;--muted:#7a6f82;--line:#e4d7de;--ok:#1a7f37;--bad:#c62828;--warn:#b7791f;--sh:0 6px 24px rgba(60,20,50,.10)}

*{box-sizing:border-box}html,body{margin:0}body{font-family:'Segoe UI',Tahoma,'Noto Sans Arabic',Arial,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;-webkit-text-size-adjust:100%}
.top{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--pri);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.top .brand{font-weight:800;font-size:17px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip,.icon{border:0;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font:inherit;font-size:13px;padding:7px 12px;cursor:pointer}.chip:hover,.icon:hover{background:rgba(255,255,255,.3)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:16px}
.btn{border:1px solid var(--line);background:var(--card);color:var(--txt);border-radius:12px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;transition:.15s}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn.pri{background:var(--pri);color:#fff;border-color:var(--pri)}.btn.ok{background:var(--ok);color:#fff;border-color:var(--ok)}.btn.bad{background:var(--bad);color:#fff;border-color:var(--bad)}.btn.sm{padding:6px 11px;font-size:13px;border-radius:9px}.btn.block{width:100%}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px;font-weight:600}
input,select,textarea{width:100%;font:inherit;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--txt)}input:focus,select:focus,textarea:focus{outline:2px solid var(--pri2);outline-offset:1px}
.muted{color:var(--muted)}.msg{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:14px;white-space:pre-line}.msg.bad{background:rgba(198,40,40,.12);color:var(--bad)}.msg.ok{background:rgba(26,127,55,.12);color:var(--ok)}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(123,45,91,.12);color:var(--pri)}.badge.ok{background:rgba(26,127,55,.14);color:var(--ok)}.badge.bad{background:rgba(198,40,40,.14);color:var(--bad)}.badge.warn{background:rgba(183,121,31,.16);color:var(--warn)}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.auth{width:100%;max-width:410px}.logo{font-size:44px;text-align:center}.h1{font-size:22px;font-weight:800;text-align:center;margin:6px 0 2px}.sub{text-align:center;color:var(--muted);margin-bottom:8px}
.pwrap{position:relative}.pwrap button{position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--muted)}
.num{direction:ltr;unicode-bidi:isolate;display:inline-block}