:root{font-family:Segoe UI,Tahoma,sans-serif;color:#172637;background:#f3f6fa;font-synthesis:none;--navy: #071a2c;--blue: #1263eb;--cyan: #32d4c6;--line: #dfe7ef;--muted: #6f8092;--danger: #c9364d;--sidebar: 270px;--sidebar-collapsed: 82px;--topbar: 68px}*{box-sizing:border-box}html{min-width:0;background:#f3f6fa}body{margin:0;min-width:0;overflow-x:hidden;direction:rtl;background:#f3f6fa}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fff;color:#23384c;padding:9px 14px}button:hover{border-color:#9eb3c7}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(135deg,#1263eb,#1b7feb);color:#fff;border:0;box-shadow:0 8px 18px #1263eb35}button.danger,.row-actions button.danger{color:var(--danger);background:#fff4f5;border-color:#ffd8dd}a{color:var(--blue);text-decoration:none}.app-shell{min-height:100vh;direction:rtl}.sidebar{background:var(--navy);color:#fff;padding:20px 14px;position:fixed;top:0;right:0;bottom:0;width:var(--sidebar);display:flex;flex-direction:column;z-index:30;transition:width .2s ease,transform .22s ease;direction:rtl;box-shadow:-12px 0 32px #03142418}.collapsed .sidebar{width:var(--sidebar-collapsed)}.brand{display:flex;align-items:center;gap:11px;padding:3px 8px 18px;min-height:64px}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),#149be2);color:#04203a;font-weight:900;letter-spacing:-1px;box-shadow:0 7px 28px #19b8c93f;flex:0 0 auto}.brand-copy{display:flex;flex-direction:column;white-space:nowrap;overflow:hidden}.brand-copy strong{font-size:19px}.brand-copy small{color:#8da4ba;margin-top:2px}.collapsed .brand-copy,.collapsed nav h4,.collapsed nav a span:last-child,.collapsed .sidebar-footer span,.collapsed .sidebar-footer small,.collapsed .sidebar-footer button{display:none}.collapse{position:absolute;top:30px;left:10px;width:28px;height:28px;padding:0;border-radius:50%;background:#14334e;border-color:#294a65;color:#fff}.sidebar-close{display:none}.sidebar nav{margin-top:8px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-left:3px;scrollbar-width:thin;scrollbar-color:#31506a transparent}.sidebar nav section{margin-bottom:18px}.sidebar nav h4{font-size:11px;color:#718ca3;padding:0 12px;margin:0 0 6px}.sidebar nav a{display:flex;align-items:center;gap:10px;color:#9eb2c3;padding:10px 12px;border-radius:10px;margin:2px 0;font-size:13px;min-height:42px}.sidebar nav a:hover{background:#0e2a43;color:#fff}.sidebar nav a.active{background:linear-gradient(270deg,#1263eb33,#31d1c319);color:#fff;border-right:3px solid var(--cyan)}.nav-icon{width:24px;text-align:center;font-size:17px;flex:0 0 24px}.collapsed nav a{justify-content:center;padding:11px 4px}.sidebar-footer{border-top:1px solid #193752;padding:16px 8px 0;display:flex;flex-direction:column;flex:0 0 auto}.sidebar-footer small{color:#7f98ad;margin:3px 0 10px}.sidebar-footer button{background:#0f2b45;color:#cbd8e2;border-color:#23435e}.sidebar-backdrop{display:none}.main-content{min-width:0;min-height:100vh;margin-right:var(--sidebar);padding:calc(var(--topbar) + 20px) clamp(16px,2.2vw,32px) 36px;transition:margin-right .2s ease}.collapsed .main-content{margin-right:var(--sidebar-collapsed)}.topbar{min-height:var(--topbar);position:fixed;top:0;right:var(--sidebar);left:0;background:#fffffff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,2.2vw,30px);z-index:20;transition:right .2s ease}.collapsed .topbar{right:var(--sidebar-collapsed)}.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title>div{display:flex;flex-direction:column;min-width:0}.topbar b{white-space:nowrap}.topbar small{color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-toggle{display:none;width:40px;height:40px;padding:0;font-size:21px;place-items:center}.runtime-badge{font-size:12px;background:#e9faf5;color:#16705f;padding:8px 12px;border-radius:18px;white-space:nowrap}.runtime-badge i{display:inline-block;width:7px;height:7px;background:#18ba8c;border-radius:50%;margin-left:6px;box-shadow:0 0 0 4px #18ba8c22}.page{width:min(100%,1580px);margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head>div{min-width:0}.page-head h1{font-size:clamp(22px,2.2vw,27px);margin:5px 0;line-height:1.35}.page-head p{color:var(--muted);margin:0;line-height:1.8}.eyebrow{font-size:11px;color:#168a82;font-weight:700;letter-spacing:1px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px #1f496611;margin-bottom:20px;overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:16px;margin:0}.panel-head>span{background:#edf3f8;padding:5px 10px;border-radius:12px;color:#617386;font-size:12px}.toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.toolbar label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:4px;min-width:145px}.toolbar select,.toolbar input{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;min-width:0;width:100%}.search{display:flex;align-items:center;flex:1 1 260px;min-width:220px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#f9fbfd}.search input{border:0;background:transparent;outline:0;min-width:0;width:100%}.record-count{margin-right:auto;color:var(--muted);font-size:12px;white-space:nowrap}.table-wrap{width:100%;overflow:auto;max-height:calc(100vh - 300px);overscroll-behavior:contain}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12.5px}th{position:sticky;top:0;background:#f6f9fc;color:#65778a;text-align:right;padding:12px 14px;border-bottom:1px solid var(--line);z-index:1}td{padding:12px 14px;border-bottom:1px solid #edf1f5;max-width:320px;overflow:hidden;text-overflow:ellipsis}tbody tr:hover{background:#f8fbfe}.row-actions{display:flex;gap:5px}.row-actions button{padding:5px 8px;font-size:11px}.status-pill{display:inline-block;padding:4px 8px;border-radius:12px;background:#edf1f5;color:#617386;font-size:11px}.status-pill.good{background:#e4f8f1;color:#16745b}.status-pill.bad{background:#fff0f2;color:#bd3047}.status-pill.warn{background:#fff7e5;color:#a56d0c}.empty{text-align:center!important;padding:48px!important;color:var(--muted)}.empty.compact{padding:30px!important}.loading-line{height:3px;background:linear-gradient(90deg,transparent,var(--blue),transparent);background-size:200% 100%;animation:load 1.2s infinite}@keyframes load{to{background-position:-200% 0}}.pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;padding:12px}.alert{padding:11px 14px;border-radius:10px;margin:12px 16px;display:flex;align-items:flex-start;gap:10px;line-height:1.7}.alert.error{background:#fff0f2;color:#ac2940;border:1px solid #ffd5dc}.alert.warn{background:#fff8e7;color:#80580b;border:1px solid #f6e2a9}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:18px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 7px 22px #214a6510;min-width:0}.metric-grid small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.metric-grid strong{display:block;font-size:25px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}.node-row,.recent-orders>div{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf1f5}.node-row>div{display:flex;flex-direction:column;min-width:0}.node-row small{color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.recent-orders span{color:var(--muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#03142499;display:grid;place-items:center;z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.dialog{width:min(720px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px #00182c66}.dialog-head{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:19px}.dialog-head p{margin:4px 0 0;color:var(--muted)}.dialog-head button{border:0;font-size:26px;padding:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 24px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#4f6274;min-width:0}.form-grid label.full{grid-column:1/-1}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfe;min-height:42px;min-width:0}.form-grid textarea{min-height:92px;resize:vertical}.form-grid input[type=checkbox]{width:22px;height:22px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding:15px 24px;border-top:1px solid var(--line)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,480px) minmax(0,1fr);background:#06192b;color:#fff;direction:rtl}.login-panel{background:#fff;color:#172637;padding:clamp(32px,6vw,70px) clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center}.brand.large{padding:0 0 45px}.login-panel h1{font-size:30px;margin:0}.login-panel>p{color:var(--muted);margin:8px 0 28px}.login-panel form{display:flex;flex-direction:column;gap:15px}.login-panel label{font-size:12px;color:#526577;display:flex;flex-direction:column;gap:6px}.login-panel label small{color:#9aa9b6}.login-panel input{width:100%;border:1px solid #d7e1ea;border-radius:11px;padding:12px;background:#f8fafc;min-width:0}.wide{width:100%;padding:12px}.security-note{font-size:11px;color:#758696;background:#f3f7fa;border-radius:10px;padding:12px;margin-top:18px}.login-art{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#0d4160,#06192b 60%);text-align:center;padding:60px;min-width:0}.login-art h2{font-size:27px}.login-art p{color:#91a9bc;max-width:550px;line-height:1.9}.mesh{width:min(420px,80%);height:270px;position:relative;background:linear-gradient(30deg,transparent 49.7%,#2dccbf44 50%,transparent 50.3%),linear-gradient(-30deg,transparent 49.7%,#2dccbf44 50%,transparent 50.3%),linear-gradient(90deg,transparent 49.7%,#2dccbf44 50%,transparent 50.3%)}.mesh span{position:absolute;width:78px;height:78px;border:1px solid #3dd7cc;border-radius:50%;display:grid;place-items:center;background:#092b43;box-shadow:0 0 35px #27cdbd44;font-weight:700}.mesh span:nth-child(1){top:0;left:calc(50% - 39px)}.mesh span:nth-child(2){bottom:0;left:7%}.mesh span:nth-child(3){bottom:0;right:7%}@media (max-width: 1100px){.sidebar{width:min(86vw,310px);transform:translate(110%);box-shadow:-18px 0 50px #03142455}.sidebar.open{transform:translate(0)}.collapsed .sidebar{width:min(86vw,310px)}.collapsed .brand-copy,.collapsed nav h4,.collapsed nav a span:last-child,.collapsed .sidebar-footer span,.collapsed .sidebar-footer small,.collapsed .sidebar-footer button{display:initial}.collapsed nav a{justify-content:flex-start;padding:10px 12px}.collapse{display:none}.sidebar-close{display:grid;place-items:center;position:absolute;top:24px;left:14px;width:36px;height:36px;padding:0;border-radius:10px;background:#14334e;border-color:#294a65;color:#fff;font-size:24px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;border:0;border-radius:0;padding:0;background:#03142480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-content,.collapsed .main-content{margin-right:0;padding-top:calc(var(--topbar) + 18px)}.topbar,.collapsed .topbar{right:0}.menu-toggle{display:grid;flex:0 0 auto}.dashboard-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 760px){:root{--topbar: 64px}.main-content{padding:calc(var(--topbar) + 14px) 12px 28px}.topbar{padding:0 12px;gap:8px}.topbar-title{gap:9px}.topbar b{font-size:14px}.topbar small{font-size:10px;max-width:58vw}.runtime-badge{padding:7px 9px}.runtime-badge span{display:none}.runtime-badge i{margin:0}.page-head{align-items:stretch;flex-direction:column;margin-bottom:16px}.page-head>button{width:100%}.page-head h1{font-size:22px}.page-head p{font-size:12px}.panel{border-radius:14px;margin-bottom:14px}.panel-head{padding:14px;align-items:flex-start}.panel-head h2{font-size:14px}.toolbar{padding:12px;align-items:stretch}.toolbar>*,.toolbar label,.search{flex:1 1 100%;width:100%;min-width:0}.toolbar>button{width:100%}.record-count{margin:0;text-align:center}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid article{padding:14px}.metric-grid strong{font-size:21px}.node-row,.recent-orders>div{grid-template-columns:1fr auto;padding:12px 14px;gap:8px}.node-row>span:last-child,.recent-orders>div>:nth-child(2){grid-column:1 / -1}.alert{margin:10px 12px;flex-direction:column;gap:3px;font-size:12px}.table-wrap{overflow:visible;max-height:none;padding:10px;background:#f7f9fc}table,tbody{display:block;width:100%;white-space:normal}thead{display:none}tbody tr{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 14px #193c5310}tbody tr:hover{background:#fff}tbody td{max-width:none;min-height:44px;display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf1f5;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}tbody td:last-child{border-bottom:0}tbody td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:600}tbody td.table-message{display:block;min-height:0;border:0}tbody td.table-message:before{content:none}td.row-actions{display:flex;flex-wrap:wrap;gap:7px}td.row-actions:before{content:attr(data-label);flex:0 0 100%;margin-bottom:2px}.row-actions button{flex:1 1 auto;min-height:36px}.empty{padding:28px 14px!important}.pager{font-size:12px;gap:8px}.pager button{flex:1 1 110px}.modal{padding:8px;align-items:end}.dialog{width:100%;max-height:92vh;border-radius:18px 18px 10px 10px}.dialog-head{padding:16px}.form-grid{grid-template-columns:1fr;padding:16px;gap:12px}.form-grid label.full{grid-column:auto}.dialog-actions{padding:12px 16px}.dialog-actions button{flex:1 1 120px}.login-page{display:block;background:#fff}.login-panel{min-height:100vh;padding:34px 22px}.brand.large{padding-bottom:30px}.login-panel h1{font-size:26px}.login-art{display:none}}@media (max-width: 430px){.metric-grid{grid-template-columns:1fr 1fr}.metric-grid small{font-size:10px}.metric-grid strong{font-size:19px}.node-row,.recent-orders>div{grid-template-columns:1fr}.node-row>span:last-child,.recent-orders>div>:nth-child(2){grid-column:auto}.panel-head{flex-wrap:wrap}}.notification-center{position:fixed;top:18px;left:18px;z-index:120;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none;direction:rtl}.app-toast{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:10px;align-items:start;overflow:hidden;padding:14px 14px 16px;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:0 16px 48px #0b243a26;pointer-events:auto}.toast-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:18px}.toast-copy{min-width:0}.toast-copy strong{display:block;font-size:13px;margin-top:1px}.toast-copy p{margin:4px 0 0;color:#617386;font-size:12px;line-height:1.7}.toast-close{border:0;padding:0;width:28px;height:28px;background:transparent;font-size:20px;color:#718293}.toast-progress{position:absolute;right:0;bottom:0;height:3px;width:100%;transform-origin:right center;animation:toast-progress linear forwards}.toast-success .toast-icon{background:#e4f8f1;color:#15745b}.toast-success .toast-progress{background:#22a77d}.toast-error .toast-icon{background:#fff0f2;color:#bd3047}.toast-error .toast-progress{background:#d94059}.toast-warning .toast-icon{background:#fff7e5;color:#9c690d}.toast-warning .toast-progress{background:#e7a51b}.toast-info .toast-icon{background:#eaf3ff;color:#1263eb}.toast-info .toast-progress{background:#1263eb}@keyframes toast-progress{to{transform:scaleX(0)}}.toast-enter-active,.toast-leave-active{transition:.22s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-8px) scale(.98)}.standard-dialog{width:min(650px,100%)}.standard-dialog.compact{width:min(500px,100%)}.danger-dialog{border-top:4px solid #c9364d}.dialog-body{padding:22px 24px}.security-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.security-form.single-column{grid-template-columns:1fr}.security-form>label,.password-field,.otp-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#4f6274;min-width:0}.security-form input:not([type=checkbox]){width:100%;border:1px solid #dfe7ef;border-radius:10px;padding:10px;background:#fbfcfe;min-height:42px;min-width:0}.security-form .full{grid-column:1/-1}.form-hint{margin:0;color:#748596;font-size:11px;line-height:1.8}.password-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) 43px;border:1px solid #dfe7ef;border-radius:10px;background:#fbfcfe;overflow:hidden}.password-input-wrap input{border:0!important;border-radius:0!important;background:transparent!important;outline:0}.password-eye{border:0;border-right:1px solid #e6edf3;border-radius:0;background:#f4f8fb;padding:0;font-size:18px;touch-action:none;-webkit-user-select:none;user-select:none}.password-eye:focus-visible{outline:2px solid #1263eb;outline-offset:-3px}.otp-input{display:flex;gap:8px;justify-content:center;margin:8px 0}.otp-input input{width:48px!important;height:54px!important;min-height:54px!important;padding:0!important;text-align:center;font-size:23px;font-weight:800;border:1px solid #cdd9e4!important;border-radius:12px!important;background:#fff!important;direction:ltr}.otp-input input:focus{outline:3px solid #1263eb1c;border-color:#1263eb!important}.login-panel .otp-input{margin:8px 0 4px}.login-panel .otp-input input{color:#13283b}.login-2fa-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#eaf3ff;color:#1263eb;font-weight:900;margin-bottom:20px;box-shadow:0 10px 30px #1263eb1c}.login-alert{margin:0!important}.link-button{border:0;background:transparent;color:#1263eb}.security-note{line-height:1.8}.admin-protection-note{margin:12px 16px;padding:11px 14px;border:1px solid #cce9dd;background:#f0fbf6;color:#26745c;border-radius:11px;font-size:12px}.admin-table td:first-child b{display:inline-block;margin-left:7px}.self-badge{display:inline-block;background:#eaf3ff;color:#1263eb;padding:3px 7px;border-radius:10px;font-size:10px}.role-chips{display:flex;flex-wrap:wrap;gap:5px;white-space:normal}.role-chips span{background:#eef3f7;color:#4e6173;padding:4px 7px;border-radius:9px;font-size:10px}.role-chips span.super{background:#fff5dc;color:#8e630c}.role-chips i{font-style:normal;color:#9aa8b5;font-size:11px}.admin-actions{flex-wrap:wrap;min-width:280px}.admin-actions .security-action{color:#1263eb;background:#eef5ff;border-color:#d3e3ff}.role-picker{display:grid;gap:9px}.role-picker>b{margin-bottom:3px}.role-picker label{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #dfe7ef;border-radius:11px;background:#fbfcfe;cursor:pointer}.role-picker input{width:20px;height:20px;margin-top:2px}.role-picker label>span{display:flex;flex-direction:column;gap:3px}.role-picker small{color:#7a8997;line-height:1.6}.modal-role-picker{padding:0}.confirm-content{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}.confirm-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#fff0f2;color:#c9364d;font-size:23px;font-weight:900}.confirm-content h3{margin:1px 0 7px}.confirm-content p{margin:0;color:#68798a;line-height:1.8}.confirm-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;margin-top:18px;font-size:12px;color:#4f6274;cursor:pointer}.confirm-check input{width:20px;height:20px}.security-callout{grid-column:1/-1;padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.8}.security-callout.info{background:#edf5ff;color:#245f9d;border:1px solid #d7e8ff}.security-callout.warning{background:#fff8e7;color:#80580b;border:1px solid #f2dfa7}.totp-intro{text-align:center;padding:5px 12px 8px}.security-shield{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin:0 auto 15px;background:#eaf3ff;color:#1263eb;font-size:20px;font-weight:900}.totp-intro h3{margin:0 0 8px}.totp-intro p{max-width:500px;margin:0 auto 18px;color:#647687;line-height:1.9}.totp-setup{display:grid;gap:14px}.secret-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #dfe7ef;border-radius:12px;background:#f8fafc}.secret-box span{font-size:11px;color:#738496}.secret-box code{font-size:13px;overflow-wrap:anywhere;color:#18334d}.secret-box button{padding:6px 10px}.totp-uri{text-align:center;font-size:12px}.otp-label{align-items:center}.otp-label>.otp-input{width:100%}@media (max-width:760px){.notification-center{top:12px;left:12px;width:calc(100vw - 24px)}.app-toast{grid-template-columns:38px minmax(0,1fr) 25px;padding:12px}.dialog-body{padding:18px 16px}.dialog-actions{padding:13px 16px}.security-form{grid-template-columns:1fr}.otp-input{gap:5px}.otp-input input{width:42px!important;height:50px!important;min-height:50px!important;font-size:21px}.admin-actions{min-width:0}.secret-box{grid-template-columns:1fr;text-align:center}.secret-box button{justify-self:center}.confirm-content{grid-template-columns:44px 1fr}.confirm-icon{width:42px;height:42px}.login-2fa-icon{margin-right:auto;margin-left:auto}}@media (max-width:390px){.otp-input{gap:4px}.otp-input input{width:38px!important;height:48px!important;min-height:48px!important;font-size:20px}}