@font-face{font-family:FontAwesome;src:url('assets/icons.woff2') format('woff2');font-display:block}
:root{--color-background:#080a17;--color-text:#fff;--color-focus:#72dbd3;--color-surface:#222635;--color-border:#444959;--color-scrollbar:#697082;--color-track:#151927;--radius:6px;--grid-width:818px;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,"Noto Sans",Arial,sans-serif}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-track)}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--color-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#8c94a5}::-webkit-scrollbar-thumb:active{background:#a4adbd}
body{margin:0;min-height:100vh;color:var(--color-text);font:14px/21px var(--font-body);background:var(--color-background) url('assets/background.jpg') center/cover fixed no-repeat}
button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}button:disabled{cursor:default;opacity:.5}.fa{font-family:FontAwesome;font-size:18px}
.topbar{height:46px;display:flex;justify-content:flex-end;align-items:center;padding:0 18px 0 12px;gap:0}.tool{position:relative;border:0;background:transparent;display:flex;align-items:center;justify-content:center;width:36px;height:38px;border-radius:4px;padding:5px}.tool:hover,.tool[aria-expanded=true]{background:rgba(255,255,255,.1)}.tool:active{background:rgba(255,255,255,.16)}.tool img{object-fit:contain}.company{margin:0 10px 0 4px;white-space:nowrap}.account{width:30px;padding:2px}.account img{border-radius:4px}.online{position:absolute;bottom:4px;right:0;width:11px;height:11px;border-radius:50%;background:#28a745;border:1px solid #111425}.badge{position:absolute;top:5px;right:0;background:#bb2433;font:10px/16px var(--font-body);border-radius:10px;width:16px;height:16px;text-align:center}
.apps{width:min(var(--grid-width),100%);margin:48px auto 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:16px}.app{height:115px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px;border:0;background:transparent;border-radius:var(--radius);gap:8px;white-space:nowrap}.app img{width:70px;height:70px;padding:10px;border-radius:var(--radius);background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.02)}.app:hover{background:rgba(255,255,255,.04)}.app:hover img{box-shadow:0 0 0 1px rgba(255,255,255,.2)}.app:active{background:rgba(255,255,255,.1)}
.searchbar{width:min(600px,calc(100% - 40px));margin:28px auto -20px;align-items:center;gap:12px;background:rgba(255,255,255,.08);padding:8px 14px;border-radius:var(--radius)}.searchbar:not([hidden]){display:flex}.searchbar input{width:100%;background:transparent;border:0;color:inherit;outline:none}.searchbar input::placeholder{color:#ccd0da}.searchbar button{background:none;border:0;font-size:24px}#empty{text-align:center;margin:55px 20px}.popover{position:absolute;top:46px;right:16px;width:290px;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 12px 30px #0006}.popover h2{font-size:16px;margin:0 0 14px}.popover p{color:#d5d8e1;margin:0}.popover button{width:100%;text-align:left;padding:10px;border:0;border-radius:4px;background:transparent}.popover button:hover{background:#ffffff12}
dialog{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:0;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px)}dialog::backdrop{background:#0009}.dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding:16px 20px}.dialog-header h1{font-size:18px;margin:0}.dialog-header button{border:0;background:none;font-size:24px}.dialog-body{text-align:center;padding:28px 24px}.dialog-body p{direction:rtl}.dialog-body button{background:#714b67;border:0;padding:9px 20px;border-radius:4px}.dialog-body button:hover{background:#89617e}
@media(max-width:767px){.apps{width:min(500px,100%);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px}.app{padding:6px 2px}.topbar{padding-right:10px}}@media(max-width:480px){.apps{grid-template-columns:repeat(3,minmax(0,1fr))}.app{font-size:13px}.topbar .company{font-size:12px;margin-right:7px}.tool{width:32px}.popover{right:10px;max-width:calc(100% - 20px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(forced-colors:active){*{scrollbar-color:auto}.app img{border:1px solid CanvasText}button{border:1px solid ButtonText}}

.company-title{text-align:center;font-size:28px;line-height:40px;font-weight:600;margin:22px 16px 0}.company-title~.apps{margin-top:22px}@media(max-width:480px){.company-title{font-size:24px}}
.company-title{font-family:"Traditional Arabic","Arabic Typesetting","Amiri",serif;font-size:42px;line-height:56px;font-weight:700;color:#e8c56b;background:linear-gradient(180deg,#fff1b2 12%,#dfb64f 52%,#b47b24 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4));margin-top:16px}.company-title~.apps{margin-top:14px}@media(max-width:480px){.company-title{font-size:34px;line-height:48px}}@media(forced-colors:active){.company-title{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;filter:none}}
.app img{background:linear-gradient(145deg,rgba(232,197,107,.09),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(232,197,107,.25),0 3px 10px rgba(0,0,0,.12)}.app:hover img{box-shadow:inset 0 0 0 1px rgba(232,197,107,.65),0 3px 12px rgba(0,0,0,.2)}
.app img{filter:sepia(.16) saturate(1.12);padding:9px}.app:hover img{filter:sepia(.1) saturate(1.22)}
.app-icon{display:block;flex:none;width:70px;height:70px;border-radius:6px;background-image:url("assets/sumer-icons-atlas.png");background-size:600% 300%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(232,197,107,.2);background-color:rgba(255,255,255,.04)}.app:hover .app-icon{box-shadow:inset 0 0 0 1px rgba(232,197,107,.6)}
.dialog-body .app-icon{margin:0 auto}
.language-switch{border:1px solid rgba(232,197,107,.35);background:rgba(232,197,107,.06);color:#e8c56b;border-radius:4px;padding:3px 9px;margin:0 5px;font-size:13px}.language-switch:hover{background:rgba(232,197,107,.18)}
.account{width:36px}.account img{width:30px;height:30px;object-fit:contain;border-radius:0}.account .online{right:0;bottom:3px}