:root{--c-bg:#f7f6fd;--c-surface:#fff;--c-border:#cecbf6;--c-border-light:#eeedfe;--c-primary:#534ab7;--c-primary-light:#7f77dd;--c-primary-pale:#eeedfe;--c-primary-mid:#afa9ec;--c-text:#26215c;--c-text-muted:#534ab7;--c-success:#3b6d11;--c-success-bg:#eaf3de;--c-danger:#a32d2d;--c-warning:#854f0b;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:var(--c-bg);color:var(--c-text);direction:rtl;font-family:Segoe UI,Arial,system-ui,sans-serif}h1,h2,h3{color:var(--c-text);margin:0;font-weight:500}p{margin:0}button{cursor:pointer;font-family:inherit}input,select,textarea{border:.5px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:16px}input[type=time],input[type=date],input[type=datetime-local]{text-align:center;direction:ltr}input:focus,select:focus,textarea:focus{border-color:var(--c-primary-light);box-shadow:0 0 0 2px var(--c-primary-pale)}.btn{background:var(--c-primary);color:#fff;border-radius:var(--radius-md);border:none;padding:12px 18px;font-size:15px;font-weight:500}.btn:hover{background:var(--c-text)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}.btn-outline{background:var(--c-surface);color:var(--c-primary);border:.5px solid var(--c-border);border-radius:var(--radius-md);padding:9px 14px;font-size:14px;font-weight:500}.btn-outline:hover{background:var(--c-primary-pale)}.card{background:var(--c-surface);border:.5px solid var(--c-border);border-radius:var(--radius-lg);padding:1rem 1.15rem}.muted{color:var(--c-text-muted);font-size:13px}.chip{background:var(--c-surface);border:.5px solid var(--c-border);color:var(--c-text);border-radius:999px;padding:7px 14px;font-size:14px}.chip.selected{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.portal-shell{max-width:560px;margin:0 auto;padding:1rem 1rem 4rem}