:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[dir=rtl]{font-family:Cairo,system-ui,sans-serif}html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{font-family:inherit}body{min-width:320px;min-height:100vh;margin:0}button,input{box-sizing:border-box}:root{--safi-blue:#008cff;--safi-purple:#8b6bd9;--safi-magenta:#ca52ce;--safi-ink:#122238;--safi-muted:#68778b;--safi-surface:#fff;--safi-background:#f4f8fc;--safi-border:#dce7f1;--safi-gradient:linear-gradient(135deg, #008cff 0%, #8b6bd9 52%, #ca52ce 100%)}.login-page{box-sizing:border-box;background:radial-gradient(circle at 8% 8%, #008cff21, transparent 30%), radial-gradient(circle at 92% 88%, #ca52ce1f, transparent 28%), var(--safi-background);place-items:center;min-height:100vh;padding:24px;display:grid}.login-shell{background:var(--safi-surface);border:1px solid #ffffffb3;border-radius:30px;grid-template-columns:1.05fr .95fr;width:min(1120px,100%);min-height:680px;display:grid;overflow:hidden;box-shadow:0 28px 80px #233f6029}.login-brand-panel{color:#fff;background:var(--safi-gradient);flex-direction:column;justify-content:space-between;padding:58px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute}.login-brand-panel:before{width:430px;height:430px;top:-150px;right:-210px}.login-brand-panel:after{background:#ffffff0f;width:280px;height:280px;bottom:-130px;left:-150px}.login-brand-panel>img{z-index:1;object-fit:contain;background:#fff;border-radius:18px;width:250px;max-height:115px;padding:14px 18px;position:relative;box-shadow:0 14px 35px #16244624}.brand-copy{z-index:1;max-width:460px;position:relative}.brand-eyebrow,.login-kicker,.welcome-kicker{letter-spacing:.18em;font-size:12px;font-weight:800}.brand-eyebrow{color:#ffffffc7}.brand-copy h1{letter-spacing:-.04em;margin:18px 0;font-size:clamp(38px,4vw,54px);line-height:1.08}.brand-copy p{color:#ffffffd1;max-width:410px;margin:0;font-size:17px;line-height:1.7}.login-form-panel{place-items:center;padding:56px;display:grid}.login-card{width:min(100%,390px);position:relative}.login-language-button{top:-54px;border:1px solid var(--safi-border);color:#7250c6;font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:800;position:absolute;inset-inline-end:0}.login-preferences{top:-54px;gap:7px;display:flex;position:absolute;inset-inline-end:0}.login-preferences button{border:1px solid var(--safi-border);color:#7250c6;background:var(--safi-surface);min-height:34px;font:inherit;cursor:pointer;border-radius:9px;padding:7px 11px;font-size:12px;font-weight:800}.mobile-logo{display:none}.login-kicker,.welcome-kicker{color:var(--safi-blue)}.login-card h2{color:var(--safi-ink);letter-spacing:-.035em;margin:12px 0 10px;font-size:34px;line-height:1.2}.login-intro{color:var(--safi-muted);margin:0 0 34px;line-height:1.6}.login-form{flex-direction:column;gap:20px;display:flex}.form-field{flex-direction:column;gap:9px;display:flex}.form-field label{color:var(--safi-ink);font-size:14px;font-weight:700}.form-field input{border:1px solid var(--safi-border);width:100%;color:var(--safi-ink);font:inherit;background:#fbfdff;border-radius:12px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.form-field input::placeholder{color:#a3afbd}.form-field input:focus{border-color:var(--safi-blue);background:#fff;box-shadow:0 0 0 4px #008cff1c}.login-button{color:#fff;background:var(--safi-gradient);font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:6px;padding:15px 18px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #8b6bd940}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px #8b6bd952}.login-button:disabled{opacity:.65;cursor:not-allowed}.error-message{color:#b42318;background:#fff5f5;border:1px solid #ffd6d6;border-radius:10px;margin:0;padding:11px 13px;font-size:14px}.portal-layout{background:radial-gradient(circle at 90% 8%, #ca52ce14, transparent 25%), var(--safi-background);min-height:100vh}.portal-header{z-index:20;border-bottom:1px solid var(--safi-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(24px,4vw,58px);min-height:82px;padding:0 clamp(24px,4vw,64px);display:grid;position:sticky;top:0;box-shadow:0 8px 30px #233f600f}.header-logo{align-items:center;display:flex}.header-logo img{object-fit:contain;width:142px;height:66px}.header-navigation{align-items:stretch;gap:5px;height:82px;display:flex}.navigation-link{color:#59697c;white-space:nowrap;align-items:center;padding:0 13px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s;display:flex;position:relative}.navigation-link:after{content:"";background:var(--safi-gradient);opacity:0;border-radius:3px 3px 0 0;height:3px;transition:opacity .2s,transform .2s;position:absolute;bottom:0;left:13px;right:13px;transform:scaleX(.6)}.navigation-link:hover,.navigation-link.active{color:var(--safi-blue)}.navigation-link.active:after{opacity:1;transform:scaleX(1)}.header-user{align-items:center;gap:11px;display:flex}.user-photo{color:#fff;background:var(--safi-gradient);border:2px solid #fff;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 0 0 2px #008cff24}.user-photo img{object-fit:cover;width:100%;height:100%}.user-details{flex-direction:column;min-width:110px;line-height:1.25;display:flex}.user-details strong{max-width:150px;color:var(--safi-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.user-details span{max-width:150px;color:var(--safi-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.logout-button,.theme-button,.language-button,.install-app-button{border:1px solid var(--safi-border);color:#7250c6;font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:800;transition:border-color .2s,background .2s}.logout-button:hover,.theme-button:hover,.language-button:hover,.install-app-button:hover{background:#f8f5ff;border-color:#cbbcf3}.language-button{color:var(--safi-blue)}.install-app-button{color:#fff;background:linear-gradient(135deg, var(--safi-blue), #7250c6);border-color:#0000;align-items:center;gap:6px;display:inline-flex;box-shadow:0 4px 12px #008cff33}.install-app-button:hover{color:#fff;background:linear-gradient(135deg,#007ee6,#6543bb);border-color:#0000}.install-app-button svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.theme-button{color:#7250c6;background:linear-gradient(145deg,#fff,#f6f1ff);place-items:center;width:38px;height:38px;padding:0;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s;display:grid;overflow:hidden;box-shadow:0 3px 10px #7250c61f}.theme-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #7250c633}.theme-button:active{transform:translateY(0)scale(.95)}.theme-icon{width:20px;height:20px;display:block}.theme-icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.theme-icon-sparkle{stroke-width:1.5px}[dir=rtl] .brand-copy h1,[dir=rtl] .login-card h2,[dir=rtl] .page-title{letter-spacing:0}[dir=rtl] .form-field input{text-align:right}.portal-content{box-sizing:border-box;min-height:calc(100vh - 83px);padding:clamp(32px,5vw,64px)}.page-title{border:1px solid var(--safi-border);color:var(--safi-ink);letter-spacing:-.04em;background:#fff;border-radius:24px;margin:0;padding:clamp(34px,5vw,54px);font-size:clamp(32px,5vw,48px);box-shadow:0 18px 50px #233f6014}.page-title:before{content:"";background:var(--safi-gradient);border-radius:999px;width:58px;height:5px;margin-bottom:22px;display:block}.loading-screen{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-content{flex-direction:column;align-items:center;display:flex}.loading-spinner{place-items:center;width:92px;height:92px;display:grid;position:relative}.loading-orbit{border:2px solid #0000;border-top-color:var(--safi-blue);border-right-color:#8b6bd959;border-radius:50%;animation:1.5s linear infinite loading-spin;position:absolute;inset:0}.loading-orbit-two{border-top-color:var(--safi-magenta);border-bottom-color:#008cff47;border-right-color:#0000;animation-duration:2s;animation-direction:reverse;inset:13px}.loading-progress{background:#dfe9f3;border-radius:999px;width:170px;height:5px;margin-top:18px;overflow:hidden}.loading-progress span{border-radius:inherit;background:var(--safi-gradient);width:45%;height:100%;animation:1.35s ease-in-out infinite loading-progress;display:block}.loading-content p{color:var(--safi-muted);margin:16px 0 0;font-size:14px;font-weight:700}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-progress{0%{transform:translate(-125%)}to{transform:translate(350%)}}[dir=rtl] .loading-progress span{animation-name:loading-progress-rtl}@keyframes loading-progress-rtl{0%{transform:translate(125%)}to{transform:translate(-350%)}}@media (prefers-reduced-motion:reduce){.loading-orbit,.loading-progress span{animation-duration:3s}}.toast-container{top:104px;z-index:2000;pointer-events:none;flex-direction:column;gap:12px;width:min(390px,100vw - 32px);display:flex;position:fixed;inset-inline-end:24px}.toast{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#fffffff7;border:1px solid;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:64px;padding:13px 13px 13px 15px;animation:.3s ease-out both toast-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #233f6029}[dir=rtl] .toast{padding:13px 15px 13px 13px}.toast-success{border-color:#b8ead2}.toast-warning{border-color:#f5d991}.toast-danger{border-color:#ffc2c2}.toast-icon{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:19px;font-weight:900;display:grid}.toast-success .toast-icon{background:#1fa971}.toast-warning .toast-icon{background:#e5a321}.toast-danger .toast-icon{background:#dc4c4c}.toast p{color:var(--safi-ink);margin:0;font-size:14px;font-weight:700;line-height:1.45}.toast-close{color:#8a97a6;width:30px;height:30px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-size:20px;display:grid}.toast-close:hover{color:var(--safi-ink);background:#f1f5f9}.toast-timer{transform-origin:0;height:3px;animation:4s linear forwards toast-timer;position:absolute;bottom:0;left:0;right:0}[dir=rtl] .toast-timer{transform-origin:100%}.toast-success .toast-timer{background:#1fa971}.toast-warning .toast-timer{background:#e5a321}.toast-danger .toast-timer{background:#dc4c4c}.toast-demo{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.toast-demo button{color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:800}.toast-demo-success{background:#1fa971}.toast-demo-warning{background:#e5a321}.toast-demo-danger{background:#dc4c4c}@keyframes toast-enter{0%{opacity:0;transform:translate(24px)scale(.98)}}[dir=rtl] .toast{animation-name:toast-enter-rtl}@keyframes toast-enter-rtl{0%{opacity:0;transform:translate(-24px)scale(.98)}}@keyframes toast-timer{to{transform:scaleX(0)}}.popup-backdrop{z-index:1800;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12223875;place-items:center;padding:24px;animation:.2s ease-out both popup-backdrop-enter;display:grid;position:fixed;inset:0}.popup-dialog{background:#fff;border:1px solid #ffffffbf;border-radius:20px;flex-direction:column;max-height:calc(100vh - 48px);animation:.25s ease-out both popup-dialog-enter;display:flex;overflow:hidden;box-shadow:0 30px 90px #12223847}.popup-small{width:min(420px,100%)}.popup-medium{width:min(620px,100%)}.popup-large{width:min(900px,100%)}.popup-header{border-bottom:1px solid var(--safi-border);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 24px;display:flex;position:relative}.popup-header:before{content:"";background:var(--safi-gradient);border-radius:999px 999px 0 0;align-self:flex-end;width:84px;height:3px;position:absolute}.popup-header h2{color:var(--safi-ink);letter-spacing:-.02em;margin:0;font-size:21px}[dir=rtl] .popup-header h2{letter-spacing:0}.popup-close{color:#7a899a;width:36px;height:36px;font:inherit;cursor:pointer;background:#f6f9fc;border:1px solid #0000;border-radius:10px;flex:0 0 36px;place-items:center;padding:0;font-size:23px;transition:color .2s,border-color .2s,background .2s;display:grid}.popup-close:hover{color:#cf3f3f;background:#fff4f4;border-color:#ffd0d0}.popup-body{color:var(--safi-muted);padding:26px 24px;overflow-y:auto}.popup-footer{border-top:1px solid var(--safi-border);background:#f9fbfd;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.popup-footer button,.popup-demo-button{font:inherit;cursor:pointer;border-radius:10px;padding:10px 17px;font-size:13px;font-weight:800}.popup-demo-button{color:#fff;background:var(--safi-gradient);border:0;margin-top:18px;box-shadow:0 10px 22px #8b6bd938}.popup-secondary-button{border:1px solid var(--safi-border);color:var(--safi-ink);background:#fff}.popup-primary-button{color:#fff;background:var(--safi-gradient);border:0}.popup-example-content{flex-direction:column;gap:10px;display:flex}.popup-example-content p{margin:0 0 12px;line-height:1.7}.popup-example-content label{color:var(--safi-ink);font-size:14px;font-weight:700}.popup-example-content input{border:1px solid var(--safi-border);width:100%;color:var(--safi-ink);font:inherit;background:#fbfdff;border-radius:11px;outline:none;padding:13px 15px}.popup-example-content input:focus{border-color:var(--safi-blue);box-shadow:0 0 0 4px #008cff1a}@keyframes popup-backdrop-enter{0%{opacity:0}}@keyframes popup-dialog-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}}.dropdown-demo{box-sizing:border-box;border:1px solid var(--safi-border);background:#fff;border-radius:18px;width:min(460px,100%);margin-top:24px;padding:24px;box-shadow:0 14px 36px #233f6012}.paginated-dropdown{width:100%;position:relative}.paginated-dropdown>label{color:var(--safi-ink);margin-bottom:9px;font-size:14px;font-weight:800;display:block}.dropdown-control{border:1px solid var(--safi-border);background:#fbfdff;border-radius:11px;align-items:center;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.dropdown-control.open{border-color:var(--safi-blue);background:#fff;box-shadow:0 0 0 4px #008cff1a}.dropdown-control.disabled{opacity:.6}.dropdown-trigger{min-width:0;min-height:48px;color:var(--safi-ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:14px;padding:0 76px 0 15px;display:flex}[dir=rtl] .dropdown-trigger{padding:0 15px 0 76px}.dropdown-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-placeholder{color:#9aa7b6}.dropdown-chevron{color:#718096;pointer-events:none;flex:none;font-size:26px;line-height:1;transition:transform .2s;position:absolute;inset-inline-end:18px;transform:rotate(-90deg)}.dropdown-control.open .dropdown-chevron{transform:rotate(90deg)}.dropdown-clear{color:#8a97a6;width:27px;height:27px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;font-size:18px;display:grid;position:absolute;inset-inline-end:48px}.dropdown-clear:hover{color:#cf3f3f;background:#fff1f1}.dropdown-menu{z-index:100;border:1px solid var(--safi-border);background:#fff;border-radius:13px;animation:.18s ease-out both dropdown-enter;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 18px 48px #233f602b}.dropdown-search-wrap{border-bottom:1px solid var(--safi-border);padding:10px}.dropdown-search{border:1px solid var(--safi-border);width:100%;color:var(--safi-ink);font:inherit;background:#f8fbfd;border-radius:9px;outline:none;padding:10px 12px;font-size:13px}.dropdown-search:focus{border-color:var(--safi-blue);background:#fff}.dropdown-options{max-height:240px;padding:6px;overflow-y:auto}.dropdown-options-static{max-height:260px;padding:7px}.dropdown-option{color:#48596c;width:100%;min-height:42px;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;font-size:14px;display:flex}.dropdown-option:hover{color:var(--safi-blue);background:#f1f8ff}.dropdown-option.selected{color:#7250c6;background:#f5f1ff;font-weight:800}.dropdown-empty{color:var(--safi-muted);text-align:center;margin:0;padding:22px 12px;font-size:13px}.dropdown-loading{color:var(--safi-muted);justify-content:center;align-items:center;gap:9px;padding:15px 10px;font-size:12px;font-weight:700;display:flex}.dropdown-loading span{border:2px solid #d7e4ef;border-top-color:var(--safi-blue);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite loading-spin}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-6px)}}.confirmation-content{align-items:flex-start;gap:16px;display:flex}.confirmation-icon{color:#fff;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:24px;font-weight:900;display:grid}.confirmation-primary .confirmation-icon,.confirmation-confirm-button.confirmation-primary,.confirmation-demo-primary{background:var(--safi-blue)}.confirmation-warning .confirmation-icon,.confirmation-confirm-button.confirmation-warning,.confirmation-demo-warning{background:#e5a321}.confirmation-success .confirmation-icon,.confirmation-confirm-button.confirmation-success,.confirmation-demo-success{background:#1fa971}.confirmation-danger .confirmation-icon,.confirmation-confirm-button.confirmation-danger,.confirmation-demo-danger{background:#dc4c4c}.confirmation-message{color:#536477;padding-top:4px;font-size:15px;line-height:1.7}.confirmation-message p{margin:0}.confirmation-cancel-button,.confirmation-confirm-button{min-width:92px;font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:13px;font-weight:800;display:inline-flex}.confirmation-cancel-button{border:1px solid var(--safi-border);color:var(--safi-ink);background:#fff}.confirmation-confirm-button{color:#fff;border:0;box-shadow:0 8px 18px #233f6029}.confirmation-cancel-button:disabled,.confirmation-confirm-button:disabled{opacity:.6;cursor:not-allowed}.confirmation-button-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite loading-spin}.confirmation-demo{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.confirmation-demo button{color:#fff;font:inherit;text-transform:capitalize;cursor:pointer;border:0;border-radius:9px;padding:9px 15px;font-size:12px;font-weight:800}.image-dropzone-demo{box-sizing:border-box;border:1px solid var(--safi-border);background:#fff;border-radius:18px;width:min(560px,100%);margin-top:24px;padding:24px;box-shadow:0 14px 36px #233f6012}.image-dropzone-field>label{color:var(--safi-ink);margin-bottom:9px;font-size:14px;font-weight:800;display:block}.image-dropzone-input{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.image-dropzone{box-sizing:border-box;cursor:pointer;background:radial-gradient(circle at 20% 15%,#008cff0f,#0000 32%),#f9fcff;border:2px dashed #cbdce9;border-radius:16px;place-items:center;min-height:280px;transition:border-color .2s,background .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.image-dropzone:hover,.image-dropzone:focus-visible,.image-dropzone.dragging{border-color:var(--safi-blue);background:radial-gradient(circle at 20% 15%,#008cff1a,#0000 35%),#f4faff;outline:none;box-shadow:0 0 0 4px #008cff14}.image-dropzone.dragging{border-style:solid}.image-dropzone.disabled{opacity:.6;cursor:not-allowed}.image-dropzone-empty{text-align:center;flex-direction:column;align-items:center;padding:32px 20px;display:flex}.image-upload-icon{color:#fff;background:var(--safi-gradient);border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:17px;display:grid;box-shadow:0 12px 24px #8b6bd93d}.image-upload-icon span{font-size:28px;font-weight:400;transform:translateY(-2px)}.image-dropzone-empty strong{color:var(--safi-ink);font-size:15px}.image-dropzone-empty p{color:var(--safi-muted);margin:7px 0 14px;font-size:13px}.image-dropzone-empty small{color:#74869a;background:#edf4fa;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.image-dropzone.has-image{border-style:solid;border-color:var(--safi-border);background:#eef3f7}.image-preview{position:absolute;inset:0}.image-preview>img{object-fit:contain;width:100%;height:100%;display:block}.image-preview-overlay{opacity:0;background:linear-gradient(#0000,#122238b8);justify-content:center;gap:10px;padding:36px 18px 18px;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(8px)}.image-dropzone:hover .image-preview-overlay,.image-dropzone:focus-within .image-preview-overlay{opacity:1;transform:translateY(0)}.image-preview-overlay button{font:inherit;cursor:pointer;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:800}.image-change-button{color:#fff;background:var(--safi-blue);border:0}.image-remove-button{color:#fff;background:#dc4c4ce6;border:1px solid #ffffffa6}.image-preview-overlay button:disabled{opacity:.6;cursor:not-allowed}.system-configuration-page{width:min(980px,100%);margin:0 auto}.configuration-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.configuration-eyebrow{color:var(--safi-blue);letter-spacing:.18em;margin-bottom:9px;font-size:11px;font-weight:900;display:block}[dir=rtl] .configuration-eyebrow{letter-spacing:0}.configuration-page-header h1{color:var(--safi-ink);letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,46px);line-height:1.15}[dir=rtl] .configuration-page-header h1{letter-spacing:0}.configuration-page-header p{max-width:650px;color:var(--safi-muted);margin:10px 0 0;line-height:1.7}.configuration-form{flex-direction:column;gap:18px;display:flex}.configuration-card{border:1px solid var(--safi-border);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #233f6014}.configuration-card-header{border-bottom:1px solid var(--safi-border);background:linear-gradient(105deg,#008cff0e,#ca52ce09),#fff;align-items:center;gap:16px;padding:23px 26px;display:flex}.configuration-card-icon{color:#fff;background:var(--safi-gradient);border-radius:14px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 10px 22px #8b6bd938}.configuration-card-icon span{letter-spacing:.06em;font-size:12px;font-weight:900}.configuration-card-header h2{color:var(--safi-ink);margin:0;font-size:20px}.configuration-card-header p{color:var(--safi-muted);margin:5px 0 0;font-size:13px;line-height:1.5}.configuration-card-body{padding:6px 26px 28px}.configuration-toggle-row{border-bottom:1px solid #edf2f6;justify-content:space-between;align-items:center;gap:30px;padding:25px 0;display:flex}.configuration-toggle-row>div{max-width:680px}.configuration-field-title{color:var(--safi-ink);align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.configuration-toggle-row p,.configuration-api-key-field>p{color:var(--safi-muted);margin:7px 0 0;font-size:13px;line-height:1.6}.configuration-status{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.configuration-status.enabled{color:#158257;background:#e5f8ef}.configuration-status.disabled{color:#718096;background:#edf2f6}.configuration-switch{cursor:pointer;flex:none;position:relative}.configuration-switch input{opacity:0;width:1px;height:1px;position:absolute}.configuration-switch-track{box-sizing:border-box;background:#cdd8e2;border-radius:999px;width:54px;height:30px;padding:3px;transition:background .2s,box-shadow .2s;display:block}.configuration-switch-track>span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .22s;display:block;box-shadow:0 3px 8px #233f6038}.configuration-switch input:checked+.configuration-switch-track{background:var(--safi-gradient)}.configuration-switch input:checked+.configuration-switch-track>span{transform:translate(24px)}[dir=rtl] .configuration-switch input:checked+.configuration-switch-track>span{transform:translate(-24px)}.configuration-switch input:focus-visible+.configuration-switch-track{box-shadow:0 0 0 4px #008cff24}.configuration-switch input:disabled+.configuration-switch-track{opacity:.6;cursor:not-allowed}.configuration-api-key-field{padding-top:24px;transition:opacity .2s}.configuration-api-key-field.inactive{opacity:.55}.configuration-api-key-field>label{color:var(--safi-ink);margin-bottom:9px;font-size:14px;font-weight:800;display:block}.configuration-input-wrap{align-items:center;display:flex;position:relative}.configuration-input-wrap input{border:1px solid var(--safi-border);width:100%;min-height:49px;color:var(--safi-ink);font:inherit;background:#fbfdff;border-radius:11px;outline:none;padding:12px 135px 12px 15px;transition:border-color .2s,box-shadow .2s,background .2s}[dir=rtl] .configuration-input-wrap input{padding:12px 15px 12px 135px}.configuration-input-wrap input:focus{border-color:var(--safi-blue);background:#fff;box-shadow:0 0 0 4px #008cff1a}.configuration-input-wrap input:disabled{color:#8c99a7;cursor:not-allowed;background:#f0f4f7}.configuration-input-wrap button{color:#7250c6;font:inherit;cursor:pointer;background:#f1edff;border:0;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800;position:absolute;inset-inline-end:8px}.configuration-input-wrap button:disabled{opacity:.5;cursor:not-allowed}.configuration-validation-error{color:#c43d3d!important}.configuration-actions{justify-content:flex-end;padding-top:2px;display:flex}.configuration-save-button{color:#fff;background:var(--safi-gradient);min-width:154px;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:11px 20px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 26px #8b6bd940}.configuration-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px #8b6bd94f}.configuration-save-button:disabled{opacity:.65;cursor:not-allowed}.configuration-save-spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite loading-spin}.audit-log-page{width:min(1280px,100%);margin:0 auto}.audit-page-header{margin-bottom:26px}.audit-page-header>span{color:var(--safi-blue);letter-spacing:.18em;margin-bottom:9px;font-size:11px;font-weight:900;display:block}[dir=rtl] .audit-page-header>span{letter-spacing:0}.audit-page-header h1{color:var(--safi-ink);letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,46px);line-height:1.15}[dir=rtl] .audit-page-header h1{letter-spacing:0}.audit-page-header p{max-width:680px;color:var(--safi-muted);margin:10px 0 0;line-height:1.7}.audit-filters{border:1px solid var(--safi-border);background:#fff;border-radius:18px;margin-bottom:22px;padding:22px;box-shadow:0 14px 40px #233f6012}.audit-filters-title{color:var(--safi-ink);margin-bottom:17px;font-size:15px;font-weight:900}.audit-filter-grid{grid-template-columns:repeat(5,minmax(150px,1fr));align-items:end;gap:14px;display:grid}.audit-filter-grid>label>span{color:var(--safi-ink);margin-bottom:9px;font-size:13px;font-weight:800;display:block}.audit-select-field{position:relative}.audit-select-field:after{content:"‹";inset-inline-end:18px;color:#718096;pointer-events:none;font-size:26px;line-height:1;position:absolute;bottom:11px;transform:rotate(-90deg)}.audit-filter-grid select,.audit-filter-grid input{box-sizing:border-box;border:1px solid var(--safi-border);width:100%;min-height:48px;color:var(--safi-ink);font:inherit;background:#fbfdff;border-radius:11px;outline:none;padding:10px 12px;font-size:13px}.audit-filter-grid select{appearance:none;cursor:pointer;padding-inline-end:48px}.audit-filter-grid select:focus,.audit-filter-grid input:focus{border-color:var(--safi-blue);background:#fff;box-shadow:0 0 0 4px #008cff17}.audit-date-field{position:relative}.audit-date-field:after{content:"▦";inset-inline-end:13px;color:#fff;background:var(--safi-gradient);pointer-events:none;border-radius:8px;place-items:center;width:30px;height:30px;font-size:16px;display:grid;position:absolute;bottom:9px;box-shadow:0 6px 14px #8b6bd933}.audit-date-field input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer;padding-inline-end:54px}.audit-date-field input[type=datetime-local]:hover{background:#fff;border-color:#b8d8ee}.audit-date-field input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:34px;height:34px;margin:0;padding:0;position:absolute;inset-inline-end:11px}.audit-date-field:focus-within:after{box-shadow:0 6px 14px #8b6bd93d,0 0 0 3px #008cff1a}.date-picker{width:100%;position:relative}.date-picker>label{color:var(--safi-ink);margin-bottom:9px;font-size:13px;font-weight:800;display:block}.date-picker-control{border:1px solid var(--safi-border);background:#fbfdff;border-radius:11px;align-items:center;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.date-picker-control.open{border-color:var(--safi-blue);background:#fff;box-shadow:0 0 0 4px #008cff1a}.date-picker-control.disabled{opacity:.6}.date-picker-trigger{width:100%;min-height:48px;color:var(--safi-ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 58px 0 13px;font-size:13px;display:flex}[dir=rtl] .date-picker-trigger{padding:0 13px 0 58px}.date-picker-placeholder{color:#9aa7b6}.date-picker-icon{color:#fff;background:var(--safi-gradient);pointer-events:none;border-radius:8px;place-items:center;width:31px;height:31px;font-size:16px;display:grid;position:absolute;inset-inline-end:9px;box-shadow:0 6px 14px #8b6bd933}.date-picker-clear{color:#8a97a6;width:27px;height:27px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;font-size:18px;display:grid;position:absolute;inset-inline-end:45px}.date-picker-clear:hover{color:#cf3f3f;background:#fff1f1}.date-picker-popup{z-index:150;box-sizing:border-box;border:1px solid var(--safi-border);background:#fff;border-radius:16px;width:320px;max-width:calc(100vw - 44px);padding:13px;animation:.2s ease-out both date-picker-enter;position:absolute;top:calc(100% + 9px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 22px 58px #233f6033}.date-picker-header{grid-template-columns:36px 1fr 36px;align-items:center;gap:7px;margin-bottom:12px;display:grid}.date-picker-header strong{color:var(--safi-ink);text-align:center;font-size:14px}.date-picker-month-year{justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.date-picker-month-year select{color:#7250c6;max-width:88px;font:inherit;cursor:pointer;background:#f8f5ff;border:1px solid #ddd5f3;border-radius:8px;outline:none;padding:5px 7px;font-size:12px;font-weight:900}.date-picker-month-year select:focus{border-color:var(--safi-blue);box-shadow:0 0 0 3px #008cff1a}.date-picker-header button{border:1px solid var(--safi-border);color:#7250c6;width:36px;height:36px;font:inherit;cursor:pointer;background:#f8f5ff;border-radius:10px;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.date-picker-header button:hover{background:#f0ebff;border-color:#cabcf1}.date-picker-weekdays,.date-picker-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-picker-weekdays{margin-bottom:5px}.date-picker-weekdays span{color:#8a98a8;text-align:center;padding:5px 0;font-size:10px;font-weight:900}.date-picker-days button{aspect-ratio:1;color:#46586b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;font-size:12px;font-weight:700;display:grid;position:relative}.date-picker-days button:hover{color:var(--safi-blue);background:#edf7ff}.date-picker-days button.outside-month{color:#bdc6cf}.date-picker-days button.today:after{content:"";background:var(--safi-magenta);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.date-picker-days button.selected{color:#fff;background:var(--safi-gradient);box-shadow:0 7px 14px #8b6bd93b}.date-picker-days button.selected:after{background:#fff}.date-picker-footer{border-top:1px solid #edf2f6;justify-content:center;margin-top:10px;padding-top:10px;display:flex}.date-picker-footer button{color:var(--safi-blue);font:inherit;cursor:pointer;background:#eaf6ff;border:0;border-radius:8px;padding:7px 14px;font-size:11px;font-weight:900}@keyframes date-picker-enter{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.audit-filter-actions{border-top:1px solid #edf2f6;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:17px;display:flex}.audit-filter-actions button{min-width:112px;font:inherit;cursor:pointer;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:900}.audit-filter-actions button:first-child{border:1px solid var(--safi-border);color:var(--safi-ink);background:#fff}.audit-filter-actions button:last-child{color:#fff;background:var(--safi-gradient);border:0;box-shadow:0 9px 20px #8b6bd933}.audit-table-card{border:1px solid var(--safi-border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #233f6014}.audit-table-summary{border-bottom:1px solid var(--safi-border);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:0 22px;display:flex}.audit-table-summary>div:first-child{align-items:center;gap:10px;display:flex}.audit-table-summary strong{color:var(--safi-ink);font-size:15px}.audit-table-summary>div:first-child>span{color:#7250c6;background:#f1edff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.audit-view-toggle{border:1px solid var(--safi-border);background:#f5f8fb;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.audit-view-toggle button{color:#718096;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:800;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex}.audit-view-toggle button>span{font-size:16px}.audit-view-toggle button.active{color:#7250c6;background:#fff;box-shadow:0 4px 12px #233f601a}.audit-results-wrap{min-height:220px}.audit-table-wrap{overflow-x:auto}.audit-table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%}.audit-table-wrap th{border-bottom:1px solid var(--safi-border);color:#6e7d8f;letter-spacing:.035em;text-align:start;text-transform:uppercase;background:#f8fbfd;padding:13px 18px;font-size:11px;font-weight:900}[dir=rtl] .audit-table-wrap th{letter-spacing:0}.audit-table-wrap td{color:#4c5d70;border-bottom:1px solid #eef3f7;padding:15px 18px;font-size:13px}.audit-table-wrap tbody tr{transition:background .18s}.audit-table-wrap tbody tr:hover{background:#f9fcff}.audit-table-wrap tbody tr:last-child td{border-bottom:0}.audit-action-badge{color:#0877cf;background:#eaf6ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}.audit-view-button{color:#7250c6;font:inherit;cursor:pointer;background:#faf8ff;border:1px solid #d8ccf5;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:900}.audit-view-button:hover{background:#f0ebff}.audit-card-grid{background:#f7fafc;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;display:grid}.audit-record-card{border:1px solid var(--safi-border);background:#fff;border-radius:15px;min-width:0;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 28px #233f600f}.audit-record-card:before{content:"";background:var(--safi-gradient);height:3px;position:absolute;top:0;left:0;right:0}.audit-record-card:hover{border-color:#cddff0;transform:translateY(-2px);box-shadow:0 15px 34px #233f601c}.audit-record-card>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.audit-card-date{color:var(--safi-muted);white-space:nowrap;font-size:10px;font-weight:700}.audit-record-card dl{flex-direction:column;gap:11px;margin:0 0 18px;display:flex}.audit-record-card dl>div{border-bottom:1px solid #edf2f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.audit-record-card dt{color:var(--safi-muted);font-size:11px;font-weight:700}.audit-record-card dd{min-width:0;color:var(--safi-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:800;overflow:hidden}.audit-card-view-button{color:#7250c6;width:100%;font:inherit;cursor:pointer;background:#faf8ff;border:1px solid #d8ccf5;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:900;display:flex}.audit-card-view-button:hover{background:#f0ebff}.audit-empty-state{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex}.audit-empty-state>span{width:54px;height:54px;color:var(--safi-blue);background:#eaf6ff;border-radius:16px;place-items:center;margin-bottom:14px;font-size:29px;display:grid}.audit-empty-state strong{color:var(--safi-ink);font-size:16px}.audit-empty-state p{color:var(--safi-muted);margin:7px 0 0;font-size:13px}.audit-pagination{border-top:1px solid var(--safi-border);min-height:66px;color:var(--safi-muted);background:#fbfdff;justify-content:space-between;align-items:center;gap:18px;padding:0 22px;font-size:12px;display:flex}.audit-pagination label{align-items:center;gap:9px;display:flex}.audit-pagination select{border:1px solid var(--safi-border);color:var(--safi-ink);background:#fff;border-radius:8px;padding:6px 8px}.audit-pagination>div{gap:8px;display:flex}.audit-pagination button{border:1px solid var(--safi-border);color:var(--safi-ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:800}.audit-pagination button:disabled{opacity:.45;cursor:not-allowed}.audit-details-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px;display:grid}.audit-details-summary>div{border:1px solid var(--safi-border);background:#f9fbfd;border-radius:11px;padding:13px 15px}.audit-details-summary>div.wide{grid-column:1/-1}.audit-details-summary dt{color:var(--safi-muted);text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:900}.audit-details-summary dd{overflow-wrap:anywhere;color:var(--safi-ink);margin:0;font-size:13px;font-weight:700}.audit-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.audit-data-grid article{border:1px solid var(--safi-border);background:#101a29;border-radius:12px;min-width:0;overflow:hidden}.audit-data-grid h3{color:#d9e7f5;border-bottom:1px solid #293547;margin:0;padding:11px 14px;font-size:12px}.audit-data-grid pre,.audit-data-grid article>p{box-sizing:border-box;color:#a9d6ff;white-space:pre-wrap;word-break:break-word;min-height:130px;max-height:320px;margin:0;padding:14px;font-family:Consolas,monospace;font-size:11px;line-height:1.6;overflow:auto}.audit-data-grid article>p{color:#7f8da0;place-items:center;font-family:inherit;display:grid}.users-page{width:min(1280px,100%);margin:0 auto}.users-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.users-page-header>div>span{color:var(--safi-blue);letter-spacing:.18em;margin-bottom:9px;font-size:11px;font-weight:900;display:block}[dir=rtl] .users-page-header>div>span{letter-spacing:0}.users-page-header h1{color:var(--safi-ink);letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,46px);line-height:1.15}[dir=rtl] .users-page-header h1{letter-spacing:0}.users-page-header p{max-width:670px;color:var(--safi-muted);margin:10px 0 0;line-height:1.7}.users-page-header>button{color:#fff;background:var(--safi-gradient);min-width:132px;font:inherit;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:11px 17px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 11px 24px #8b6bd93d}.users-page-header>button span{font-size:18px}.users-filters{border:1px solid var(--safi-border);background:#fff;border-radius:17px;grid-template-columns:minmax(260px,1fr) 220px auto;align-items:end;gap:14px;margin-bottom:22px;padding:20px;display:grid;box-shadow:0 14px 40px #233f6012}.users-search-field>span{color:var(--safi-ink);margin-bottom:9px;font-size:13px;font-weight:800;display:block}.users-search-field input{box-sizing:border-box;border:1px solid var(--safi-border);width:100%;min-height:48px;color:var(--safi-ink);font:inherit;background:#fbfdff;border-radius:11px;outline:none;padding:11px 14px;font-size:13px}.users-search-field input:focus{border-color:var(--safi-blue);background:#fff;box-shadow:0 0 0 4px #008cff17}.users-filter-actions{gap:8px;display:flex}.users-filter-actions button{min-height:48px;font:inherit;cursor:pointer;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:900}.users-filter-actions button:first-child{border:1px solid var(--safi-border);color:var(--safi-ink);background:#fff}.users-filter-actions button:last-child{color:#fff;background:var(--safi-gradient);border:0}.users-results{border:1px solid var(--safi-border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #233f6014}.users-results-header{border-bottom:1px solid var(--safi-border);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:0 22px;display:flex}.users-results-header>div:first-child{align-items:center;gap:10px;display:flex}.users-results-header strong{color:var(--safi-ink);font-size:15px}.users-results-header>div:first-child>span{color:#7250c6;background:#f1edff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.users-table-wrap{overflow-x:auto}.users-table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%}.users-table-wrap th{border-bottom:1px solid var(--safi-border);color:#6e7d8f;text-align:start;text-transform:uppercase;background:#f8fbfd;padding:13px 18px;font-size:11px;font-weight:900}.users-table-wrap td{color:#4c5d70;border-bottom:1px solid #eef3f7;padding:13px 18px;font-size:13px}.users-table-wrap tr:last-child td{border-bottom:0}.users-table-wrap tbody tr:hover{background:#f9fcff}.users-name-cell{align-items:center;gap:11px;display:flex}.users-name-cell strong{color:var(--safi-ink);font-size:13px}.users-avatar{color:#fff;background:var(--safi-gradient);border:2px solid #fff;border-radius:50%;place-items:center;font-weight:900;display:grid;overflow:hidden;box-shadow:0 0 0 2px #008cff1f}.users-avatar-small{flex:0 0 38px;width:38px;height:38px;font-size:11px}.users-avatar-large{flex:0 0 68px;width:68px;height:68px;font-size:18px}.users-avatar img{object-fit:cover;width:100%;height:100%}.users-status{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.users-status.active{color:#158257;background:#e5f8ef}.users-status.inactive{color:#a04444;background:#fff0f0}.users-actions{align-items:center;gap:6px;display:flex}.users-actions button{border:1px solid var(--safi-border);color:#617185;font:inherit;cursor:pointer;background:#fff;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800}.users-actions button:first-child{color:#0877cf;background:#f2faff;border-color:#c7e5fa}.users-actions button:last-child{color:#c43d3d;background:#fff5f5;border-color:#ffd1d1}.users-card-grid{background:#f7fafc;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;display:grid}.user-card{border:1px solid var(--safi-border);background:#fff;border-radius:16px;min-width:0;padding:20px;box-shadow:0 10px 28px #233f600f}.user-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.user-card h2{color:var(--safi-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.user-card>p{color:var(--safi-muted);margin:5px 0 12px;font-size:12px}.user-card>a{color:var(--safi-blue);text-overflow:ellipsis;white-space:nowrap;margin-bottom:18px;font-size:12px;text-decoration:none;display:block;overflow:hidden}.user-card .users-actions{border-top:1px solid #edf2f6;padding-top:14px}.user-card .users-actions button{flex:1}.users-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex}.users-empty>span{width:54px;height:54px;color:var(--safi-blue);background:#eaf6ff;border-radius:16px;place-items:center;margin-bottom:14px;font-size:29px;display:grid}.users-empty strong{color:var(--safi-ink)}.users-empty p{color:var(--safi-muted);margin:7px 0 0;font-size:13px}.user-form{flex-direction:column;gap:22px;display:flex}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.user-form-grid>label>span,.reset-password-form label>span{color:var(--safi-ink);margin-bottom:8px;font-size:13px;font-weight:800;display:block}.user-form-grid input,.reset-password-form input{box-sizing:border-box;border:1px solid var(--safi-border);width:100%;min-height:47px;color:var(--safi-ink);font:inherit;background:#fbfdff;border-radius:10px;outline:none;padding:11px 13px}.user-form-grid input:focus,.reset-password-form input:focus{border-color:var(--safi-blue);box-shadow:0 0 0 4px #008cff17}.user-form-grid input:disabled{color:#8997a6;background:#f0f4f7}.user-form-section{border:1px solid var(--safi-border);background:#f9fbfd;border-radius:12px;padding:17px}.user-form-section-title{color:var(--safi-ink);margin-bottom:12px;font-size:13px;font-weight:900;display:block}.user-role-options{flex-wrap:wrap;gap:9px;display:flex}.user-role-options label{cursor:pointer}.user-role-options input{opacity:0;position:absolute}.user-role-options label>span{border:1px solid var(--safi-border);color:#5f7083;background:#fff;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.user-role-options input:checked+span{color:#7250c6;background:#f1edff;border-color:#cdbef2;box-shadow:0 0 0 3px #8b6bd914}.user-active-field{color:var(--safi-ink);align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.user-active-field input{width:18px;height:18px;accent-color:var(--safi-blue)}.reset-password-form{flex-direction:column;gap:16px;display:flex}.business-cards-page{width:min(1280px,100%);margin:0 auto}.business-cards-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.business-cards-page-header>div>span{color:var(--safi-blue);letter-spacing:.18em;margin-bottom:9px;font-size:11px;font-weight:900;display:block}.business-cards-page-header h1{color:var(--safi-ink);letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,46px);line-height:1.15}[dir=rtl] .business-cards-page-header h1,[dir=rtl] .business-cards-page-header>div>span{letter-spacing:0}.business-cards-page-header p{max-width:680px;color:var(--safi-muted);margin:10px 0 0;line-height:1.7}.business-cards-page-header>button{color:#fff;background:var(--safi-gradient);min-width:172px;font:inherit;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:11px 17px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 11px 24px #8b6bd93d}.business-cards-page-header>button span{font-size:18px}.business-cards-filters{border:1px solid var(--safi-border);background:#fff;border-radius:17px;grid-template-columns:1fr auto;align-items:end;gap:14px;margin-bottom:22px;padding:20px;display:grid;box-shadow:0 14px 40px #233f6012}.business-cards-filters label>span{color:var(--safi-ink);margin-bottom:9px;font-size:13px;font-weight:800;display:block}.business-cards-filters input{box-sizing:border-box;border:1px solid var(--safi-border);width:100%;min-height:48px;color:var(--safi-ink);font:inherit;background:#fbfdff;border-radius:11px;outline:none;padding:11px 14px}.business-cards-filters input:focus{border-color:var(--safi-blue);background:#fff;box-shadow:0 0 0 4px #008cff17}.business-cards-filters>div{gap:8px;display:flex}.business-cards-filters button{min-height:48px;font:inherit;cursor:pointer;border-radius:10px;padding:10px 17px;font-size:12px;font-weight:900}.business-cards-filters button:first-child{border:1px solid var(--safi-border);color:var(--safi-ink);background:#fff}.business-cards-filters button:last-child{color:#fff;background:var(--safi-gradient);border:0}.business-cards-results{border:1px solid var(--safi-border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #233f6014}.business-cards-table-wrap{overflow-x:auto}.business-cards-table-wrap table{border-collapse:collapse;width:100%}.business-cards-table-wrap th{border-bottom:1px solid var(--safi-border);color:#6e7d8f;text-align:start;text-transform:uppercase;background:#f8fbfd;padding:13px 18px;font-size:11px;font-weight:900}.business-cards-table-wrap td{color:#4c5d70;border-bottom:1px solid #eef3f7;padding:14px 18px;font-size:13px}.business-card-table-photo{border:1px solid var(--safi-border);background:#f2f6f9;border-radius:9px;width:112px;height:72px;overflow:hidden}.business-card-photo{object-fit:contain;width:100%;height:100%;display:block}.business-card-photo-placeholder{color:#8b6bd9;background:linear-gradient(135deg,#008cff1a,#ca52ce1a),#f7f9fc;place-items:center;width:100%;height:100%;display:grid}.business-card-photo-placeholder span{font-size:30px}.business-card-table-fields{grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px 20px;margin:0;display:grid}.business-card-table-fields>div{gap:7px;min-width:0;display:flex}.business-card-table-fields dt{color:var(--safi-muted);font-size:11px;font-weight:800}.business-card-table-fields dd{color:var(--safi-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:700;overflow:hidden}.business-card-actions{align-items:center;gap:7px;display:flex}.business-card-actions button{font:inherit;cursor:pointer;border-radius:8px;flex:1;padding:7px 11px;font-size:10px;font-weight:900}.business-card-actions .business-card-view-button{color:#0877cf;background:#f2faff;border:1px solid #c7e5fa}.business-card-actions .business-card-edit-button{color:#7250c7;background:#f8f5ff;border:1px solid #ddd1fa}.business-card-actions .business-card-delete-button{color:#c43d3d;background:#fff5f5;border:1px solid #ffd1d1}.business-card-view{grid-template-columns:minmax(240px,.9fr) minmax(300px,1.1fr);gap:24px;display:grid}.business-card-view-photo{border:1px solid var(--safi-border);background:#f5f8fb;border-radius:16px;min-height:260px;overflow:hidden}.business-card-view-photo img{object-fit:contain;width:100%;height:100%;min-height:260px}.business-card-view-content{flex-direction:column;gap:20px;min-width:0;display:flex}.business-card-view-fields,.business-card-view-meta{gap:10px;margin:0;display:grid}.business-card-view-fields>div,.business-card-view-meta>div{border:1px solid var(--safi-border);border-radius:11px;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:14px;padding:12px 14px;display:grid}.business-card-view-fields dt,.business-card-view-meta dt{color:var(--safi-muted);font-size:12px;font-weight:800}.business-card-view-fields dd,.business-card-view-meta dd{min-width:0;color:var(--safi-ink);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:800}.business-card-view-meta{border-top:1px solid var(--safi-border);padding-top:18px}.business-card-view-empty{color:var(--safi-muted);text-align:center;display:block!important}@media (width<=720px){.business-card-view{grid-template-columns:1fr}.business-card-view-fields>div,.business-card-view-meta>div{grid-template-columns:1fr;gap:5px}}.business-cards-card-grid{background:#f7fafc;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px;display:grid}.business-card-item{border:1px solid var(--safi-border);background:#fff;border-radius:17px;min-width:0;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 11px 30px #233f6012}.business-card-item:hover{transform:translateY(-3px);box-shadow:0 17px 38px #233f601f}.business-card-image-wrap{box-sizing:border-box;background:radial-gradient(circle at 10% 10%,#008cff14,#0000 35%),#eef3f7;height:190px;padding:14px}.business-card-image-wrap .business-card-photo,.business-card-image-wrap .business-card-photo-placeholder{border-radius:10px}.business-card-item-body{padding:18px}.business-card-item h2{color:var(--safi-ink);text-overflow:ellipsis;white-space:nowrap;margin:0 0 15px;font-size:17px;overflow:hidden}.business-card-item dl{flex-direction:column;gap:8px;margin:0 0 17px;display:flex}.business-card-item dl>div{border-bottom:1px solid #edf2f6;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.business-card-item dt{color:var(--safi-muted);font-size:10px;font-weight:800}.business-card-item dd{min-width:0;color:var(--safi-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:800;overflow:hidden}.business-card-form{flex-direction:column;gap:20px;display:flex}.business-card-ocr{background:linear-gradient(110deg,#008cff14,#8b6bd90f),#f8fcff;border:1px solid #c9e7fb;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.business-card-ocr>div{align-items:center;gap:12px;display:flex}.business-card-ocr-icon{color:#fff;background:var(--safi-gradient);border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:10px;font-weight:900;display:grid}.business-card-ocr strong{color:var(--safi-ink);font-size:13px}.business-card-ocr p{color:var(--safi-muted);margin:4px 0 0;font-size:11px;line-height:1.5}.business-card-ocr>button{color:#fff;background:var(--safi-blue);font:inherit;cursor:pointer;border:0;border-radius:9px;flex:none;padding:9px 13px;font-size:11px;font-weight:900}.business-card-ocr>button:disabled{opacity:.6;cursor:not-allowed}.business-card-fields-section{border:1px solid var(--safi-border);border-radius:13px;overflow:hidden}.business-card-fields-section>header{border-bottom:1px solid var(--safi-border);background:#f8fbfd;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.business-card-fields-section>header strong{color:var(--safi-ink);font-size:13px}.business-card-fields-section>header button{color:var(--safi-blue);font:inherit;cursor:pointer;background:#f1f9ff;border:1px solid #c8e5f9;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:900}.business-card-fields{flex-direction:column;gap:12px;padding:15px;display:flex}.business-card-field-row{grid-template-columns:minmax(130px,.8fr) minmax(180px,1.2fr) 34px;align-items:end;gap:10px;display:grid}.business-card-field-row label>span{color:var(--safi-ink);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.business-card-field-row input{box-sizing:border-box;border:1px solid var(--safi-border);width:100%;min-height:43px;color:var(--safi-ink);font:inherit;background:#fbfdff;border-radius:9px;outline:none;padding:9px 11px;font-size:12px}.business-card-field-row input:focus{border-color:var(--safi-blue);box-shadow:0 0 0 3px #008cff17}.business-card-remove-field{color:#c43d3d;width:34px;height:43px;font:inherit;cursor:pointer;background:#fff5f5;border:1px solid #ffd1d1;border-radius:9px;place-items:center;padding:0;font-size:18px;display:grid}.business-card-remove-field:disabled{opacity:.4;cursor:not-allowed}.home-page{background:radial-gradient(circle at 90% 5%, #ca52ce1a, transparent 26%), var(--safi-background);min-height:100vh}.system-header{border-bottom:1px solid var(--safi-border);background:#fffffff0;align-items:center;gap:18px;height:84px;padding:0 clamp(24px,5vw,72px);display:flex}.system-header img{object-fit:contain;width:150px;height:64px}.header-badge{color:#7250c6;background:#f0ebff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.home-content{box-sizing:border-box;place-items:center;min-height:calc(100vh - 85px);padding:32px;display:grid}.welcome-card{box-sizing:border-box;border:1px solid var(--safi-border);text-align:center;background:#fff;border-radius:28px;width:min(680px,100%);padding:clamp(38px,7vw,76px);box-shadow:0 24px 70px #233f601f}.welcome-card:before{content:"";background:var(--safi-gradient);border-radius:999px;width:72px;height:5px;margin:0 auto 28px;display:block}.welcome-card h1{color:var(--safi-ink);letter-spacing:-.05em;margin:14px 0 10px;font-size:clamp(48px,8vw,78px);line-height:1}.welcome-card p{color:var(--safi-muted);margin:0;font-size:17px}@media (width<=820px){.login-page{background:#fff;padding:0}.login-shell{min-height:100vh;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:38px 24px}.mobile-logo{margin-bottom:38px;display:block}.mobile-logo img{object-fit:contain;width:190px;height:86px}.portal-header{grid-template-columns:1fr auto;gap:12px;padding:10px 20px 0;position:static}.header-logo img{width:128px;height:58px}.header-user{justify-self:end}.user-details{display:none}.header-navigation{scrollbar-width:none;order:3;grid-column:1/-1;height:auto;overflow-x:auto}.header-navigation::-webkit-scrollbar{display:none}.navigation-link{min-height:48px;padding:0 12px}.portal-content{min-height:calc(100vh - 118px);padding:24px 20px}.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-data-grid{grid-template-columns:1fr}.audit-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-filters{grid-template-columns:1fr 210px}.users-filter-actions{grid-column:1/-1;justify-content:flex-end}.users-card-grid,.business-cards-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.login-card h2{font-size:29px}.system-header{height:72px;padding:0 20px}.system-header img{width:130px;height:56px}.home-content{min-height:calc(100vh - 73px);padding:20px}.portal-header{padding-left:14px;padding-right:14px}.header-logo img{width:112px}.user-photo{flex-basis:36px;width:36px;height:36px}.logout-button{padding:8px 10px}.language-button{padding:8px 9px}.install-app-button{justify-content:center;width:34px;height:34px;padding:0}.install-app-button span{display:none}.theme-button{width:34px;height:34px}.toast-container{top:16px;inset-inline-end:16px}.popup-backdrop{align-items:end;padding:12px}.popup-dialog{border-radius:18px;width:100%;max-height:calc(100vh - 24px)}.popup-header,.popup-body,.popup-footer{padding-left:18px;padding-right:18px}.configuration-card-header{align-items:flex-start;padding:20px}.configuration-card-body{padding:4px 20px 22px}.configuration-toggle-row{align-items:flex-start;gap:16px}.configuration-field-title{flex-direction:column;align-items:flex-start}.configuration-input-wrap input,[dir=rtl] .configuration-input-wrap input{padding-inline-end:112px}.configuration-actions,.configuration-save-button{width:100%}.audit-filter-grid{grid-template-columns:1fr}.audit-filter-actions{flex-direction:column-reverse}.audit-filter-actions button{width:100%}.audit-pagination{flex-wrap:wrap;justify-content:center;padding:14px}.audit-details-summary{grid-template-columns:1fr}.audit-details-summary>div.wide{grid-column:auto}.audit-table-summary{flex-direction:column;align-items:flex-start;padding:14px 18px}.audit-view-toggle,.audit-view-toggle button{width:100%}.audit-view-toggle button{justify-content:center}.audit-card-grid{grid-template-columns:1fr;padding:14px}.users-page-header{flex-direction:column;align-items:stretch}.users-page-header>button{width:100%}.users-filters,.user-form-grid{grid-template-columns:1fr}.users-filter-actions{flex-direction:column-reverse;grid-column:auto}.users-filter-actions button{width:100%}.users-results-header{flex-direction:column;align-items:flex-start;padding:14px 18px}.users-results-header .audit-view-toggle,.users-results-header .audit-view-toggle button{width:100%}.users-card-grid{grid-template-columns:1fr;padding:14px}.business-cards-page-header{flex-direction:column;align-items:stretch}.business-cards-page-header>button{width:100%}.business-cards-filters{grid-template-columns:1fr}.business-cards-filters>div{flex-direction:column-reverse}.business-cards-filters button{width:100%}.business-cards-card-grid{grid-template-columns:1fr;padding:14px}.business-card-field-row{grid-template-columns:1fr}.business-card-remove-field{width:100%}.business-card-ocr{flex-direction:column;align-items:stretch}}[data-theme=dark]{--safi-ink:#e8eef7;--safi-muted:#93a3b8;--safi-surface:#151e2b;--safi-background:#0b111a;--safi-border:#29374a;color:var(--safi-ink);background:var(--safi-background)}[data-theme=dark] body{background:var(--safi-background)}[data-theme=dark] .login-page{background:radial-gradient(circle at 8% 8%, #008cff21, transparent 30%), radial-gradient(circle at 92% 88%, #ca52ce1f, transparent 28%), var(--safi-background)}[data-theme=dark] .login-shell,[data-theme=dark] .login-form-panel,[data-theme=dark] .login-card,[data-theme=dark] .portal-header,[data-theme=dark] .configuration-card,[data-theme=dark] .audit-filters,[data-theme=dark] .audit-table-card,[data-theme=dark] .users-filters,[data-theme=dark] .users-results,[data-theme=dark] .business-cards-filters,[data-theme=dark] .business-cards-results,[data-theme=dark] .popup-dialog,[data-theme=dark] .dropdown-menu,[data-theme=dark] .date-picker-popup,[data-theme=dark] .toast,[data-theme=dark] .dropdown-demo,[data-theme=dark] .image-dropzone-demo,[data-theme=dark] .welcome-card{background:var(--safi-surface)}[data-theme=dark] .portal-layout,[data-theme=dark] .home-page{background:radial-gradient(circle at 90% 8%, #ca52ce14, transparent 25%), var(--safi-background)}[data-theme=dark] .portal-header{background:#151e2bf5}[data-theme=dark] .navigation-link{color:#9cadc1}[data-theme=dark] .navigation-link:hover,[data-theme=dark] .navigation-link.active{color:#55b2ff}[data-theme=dark] .mobile-logo img,[data-theme=dark] .system-header img{background:#fff;border-radius:9px;padding:4px 7px}[data-theme=dark] .header-logo{background:#ffffff09;border:1px solid #67baff26;border-radius:12px;padding:4px 9px}[data-theme=dark] .header-logo img{background:0 0;border-radius:0;height:58px;padding:0}[data-theme=dark] .logout-button,[data-theme=dark] .language-button,[data-theme=dark] .theme-button,[data-theme=dark] .login-preferences button,[data-theme=dark] .popup-secondary-button,[data-theme=dark] .confirmation-cancel-button,[data-theme=dark] .audit-filter-actions button:first-child,[data-theme=dark] .users-filter-actions button:first-child,[data-theme=dark] .business-cards-filters button:first-child,[data-theme=dark] .audit-pagination button,[data-theme=dark] .users-actions button{color:#bca9f1;background:#1b2635}[data-theme=dark] .form-field input,[data-theme=dark] .configuration-input-wrap input,[data-theme=dark] .audit-filter-grid select,[data-theme=dark] .audit-filter-grid input,[data-theme=dark] .users-search-field input,[data-theme=dark] .business-cards-filters input,[data-theme=dark] .business-card-field-row input,[data-theme=dark] .user-form-grid input,[data-theme=dark] .reset-password-form input,[data-theme=dark] .popup-example-content input,[data-theme=dark] .dropdown-control,[data-theme=dark] .date-picker-control,[data-theme=dark] .dropdown-search{color:var(--safi-ink);background:#111a26}[data-theme=dark] .form-field input:focus,[data-theme=dark] .configuration-input-wrap input:focus,[data-theme=dark] .audit-filter-grid select:focus,[data-theme=dark] .audit-filter-grid input:focus,[data-theme=dark] .users-search-field input:focus,[data-theme=dark] .business-cards-filters input:focus,[data-theme=dark] .business-card-field-row input:focus,[data-theme=dark] .user-form-grid input:focus,[data-theme=dark] .reset-password-form input:focus,[data-theme=dark] .dropdown-control.open,[data-theme=dark] .date-picker-control.open,[data-theme=dark] .dropdown-search:focus{background:#172231}[data-theme=dark] .configuration-card-header,[data-theme=dark] .audit-table-wrap th,[data-theme=dark] .users-table-wrap th,[data-theme=dark] .business-cards-table-wrap th,[data-theme=dark] .business-card-fields-section>header,[data-theme=dark] .audit-pagination,[data-theme=dark] .popup-footer,[data-theme=dark] .user-form-section,[data-theme=dark] .audit-details-summary>div{background:#111a26}[data-theme=dark] .audit-card-grid,[data-theme=dark] .users-card-grid{background:#0f1722}[data-theme=dark] .audit-record-card,[data-theme=dark] .user-card,[data-theme=dark] .business-card-item{background:#172230}[data-theme=dark] .business-cards-card-grid,[data-theme=dark] .business-card-image-wrap{background:#0f1722}[data-theme=dark] .audit-table-wrap tbody tr:hover,[data-theme=dark] .users-table-wrap tbody tr:hover,[data-theme=dark] .business-cards-table-wrap tbody tr:hover{background:#182433}[data-theme=dark] .audit-table-wrap td,[data-theme=dark] .users-table-wrap td,[data-theme=dark] .business-cards-table-wrap td,[data-theme=dark] .audit-record-card dt{color:#a9b7c8}[data-theme=dark] .audit-view-toggle{background:#101824}[data-theme=dark] .audit-view-toggle button.active{color:#bca9f1;background:#202d3e}[data-theme=dark] .audit-pagination select{border-color:var(--safi-border);color:var(--safi-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1b2635}[data-theme=dark] .audit-pagination select option{color:var(--safi-ink);background:#1b2635}[data-theme=dark] .dropdown-option{color:#b2c0d1}[data-theme=dark] .dropdown-option:hover{color:#67baff;background:#17283a}[data-theme=dark] .dropdown-option.selected{color:#c9b9f5;background:#28233a}[data-theme=dark] .date-picker-days button{color:#b8c5d5}[data-theme=dark] .date-picker-days button:hover{color:#67baff;background:#17283a}[data-theme=dark] .date-picker-days button.outside-month{color:#526174}[data-theme=dark] .image-dropzone{background:radial-gradient(circle at 20% 15%,#008cff14,#0000 32%),#101925}[data-theme=dark] .image-dropzone.has-image{background:#0d141e}[data-theme=dark] .loading-screen{background:#070b117a}[data-theme=dark] .popup-backdrop{background:#02060cb3}[data-theme=dark] .popup-close,[data-theme=dark] .toast-close:hover{color:#aebed0;background:#202c3b}[data-theme=dark] .toast p,[data-theme=dark] .popup-header h2,[data-theme=dark] .dropdown-trigger,[data-theme=dark] .date-picker-trigger,[data-theme=dark] .user-role-options label>span{color:var(--safi-ink)}[data-theme=dark] .user-role-options label>span{background:#172230}[data-theme=dark] .user-role-options input:checked+span{color:#c7b8f3;background:#29233c}[data-theme=dark] .business-card-ocr{background:linear-gradient(110deg,#008cff1a,#8b6bd914),#111b28;border-color:#264a64}[data-theme=dark] .business-card-photo-placeholder{background:linear-gradient(135deg,#008cff1f,#ca52ce1f),#111a26}[data-theme=dark] .error-message{color:#ffabab;background:#341c23;border-color:#6f3037}@media (width<=820px){[data-theme=dark] .login-page,[data-theme=dark] .login-shell,[data-theme=dark] .login-form-panel{background:var(--safi-background)}}