:root{--wc-ink:#122e35;--wc-green:#126a58;--wc-line:#dce5df;--wc-paper:#f5f6f1}
html{color-scheme:light}body{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;background:var(--wc-paper)!important;color:var(--wc-ink)}
button,a,input,select{touch-action:manipulation}button,a{transition:background .16s,box-shadow .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65b69a!important;outline-offset:3px}input,select{min-height:46px}button{min-height:40px}
.wc-ar{display:none}html[lang=ar] .wc-ar{display:initial}html[lang=ar] .wc-en{display:none}
.wc-mast{padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--wc-line);gap:16px}.wc-logo{font-size:24px;font-weight:850;letter-spacing:-1px;color:#183d37;text-decoration:none}.wc-logo b{color:#168568}.wc-tag{font-size:11px;letter-spacing:2px;color:#567169;text-transform:uppercase}.wc-mast nav{display:flex;gap:20px;font-size:13px}.wc-mast nav a{color:#355b51;text-decoration:none}
.wc-intro{position:absolute;top:180px;inset-inline-start:8vw;width:36vw;max-width:520px}.wc-eyebrow{font-size:12px;color:#33705e;letter-spacing:2px;font-weight:700}.wc-intro h2{font-size:clamp(32px,4vw,57px);line-height:1.23;letter-spacing:-1.4px;margin:20px 0}.wc-intro p{color:#64776e;font-size:16px;line-height:1.9;max-width:410px}.wc-route{margin-top:38px;border-top:1px solid #cbd8cf;padding-top:24px;display:flex;gap:16px;align-items:center}.wc-route i{font-style:normal;width:42px;height:42px;border-radius:50%;background:#dcebe0;display:grid;place-items:center;font-size:22px}.wc-route span{font-size:13px;line-height:1.8;color:#547061}
body.wc-company .card,body.wc-admin .login{border:1px solid var(--wc-line);box-shadow:0 20px 65px #203d3510;border-radius:22px;padding:38px}
body.wc-company #loginPanel,body.wc-company #companyPanel,body.wc-admin #loginView{width:420px;max-width:calc(100% - 32px);margin:75px 8vw 70px auto;margin-inline-start:auto;margin-inline-end:8vw}
.wc-company .card h1,.wc-admin .login h1{font-size:27px;letter-spacing:-.6px}.wc-company .card input,.wc-company .card select,.wc-admin .field input,.wc-admin .field select{border:1px solid #d2ded6;border-radius:10px;background:#fafcf9;padding:12px}.wc-company #loginButton,.wc-admin #loginBtn{width:100%;background:#126a58;padding:13px;border-radius:10px}.wc-company .muted,.wc-admin .muted{line-height:1.75;color:#63796e}
body:has(#workspace:not([hidden]))>.wc-mast,body:has(#workspace:not([hidden]))>.wc-intro,body:has(#migration:not([hidden]))>.wc-intro,body:has(#appView:not(.hidden))>.wc-intro,body:has(#appView:not(.hidden))>.wc-mast,body:has(#recoveryView:not(.hidden))>.wc-intro{display:none}
.wc-admin .top,.wc-company #workspace header{background:#123e35;padding:16px 24px;border-bottom:1px solid #295449}.wc-admin .wrap{max-width:1440px;padding:36px 4vw}.wc-admin .grid{gap:16px}.wc-admin .grid .card{padding:24px;border-radius:16px;border-color:#e0e8df;box-shadow:none}.wc-admin .grid .card strong{font-size:34px;font-weight:650}.wc-admin .grid .card:first-child{background:#173f35;color:#fff}.wc-admin .grid .card:first-child span{color:#adcbbd}.wc-admin .bar{margin:36px 0 20px}.wc-admin .table-wrap{border-radius:16px}.wc-admin th{padding:17px 16px;background:#edf2eb}.wc-admin td{padding:18px 16px}.wc-admin tbody tr:hover{background:#f8faf5}.wc-admin .btn.primary{background:#126a58}.wc-admin .modal-box{border-radius:20px;padding:28px}.wc-admin #globalLang{top:20px!important;inset-inline-end:22px!important}body.wc-admin>.wc-mast{padding-inline-end:140px}.wc-company #cloudLanguage{bottom:18px!important;box-shadow:0 4px 18px #153a3520;background:#fff;color:#173f35;border:1px solid #cfddd4}
.wc-company #workspace{height:100dvh;display:flex;flex-direction:column}.wc-company #workspace header{height:auto;min-height:70px;flex-shrink:0}.wc-company #studio{flex:1;min-height:0;height:auto}.wc-company .shade{inset:0;background:#eaf0e9ed}.wc-company .shade .card{max-width:540px}.wc-company #status{padding:7px 10px;background:#ffffff10;border-radius:7px}.wc-company #newVersion{top:70px}
.wc-install{position:fixed;bottom:18px;inset-inline-start:18px;z-index:10001;border:1px solid #d4e1d8;border-radius:12px;background:#173f35;color:white;padding:11px 17px;box-shadow:0 5px 22px #173f3520;font:13px 'Segoe UI',Tahoma,sans-serif}.wc-install-help{position:fixed;bottom:76px;inset-inline-start:18px;max-width:min(350px,calc(100vw - 36px));background:white;border:1px solid #d4e1d8;padding:20px;border-radius:15px;z-index:10002;box-shadow:0 12px 45px #173f3526;font-size:14px;line-height:1.8}.wc-install-help button{display:block;margin-top:12px;background:#edf3ee;color:#173f35;border:0;border-radius:7px;padding:7px 15px}
@media(max-width:850px){.wc-intro{position:static;width:auto;max-width:none;margin:35px 24px 24px}.wc-intro h2{font-size:34px;margin:12px 0}.wc-intro p{font-size:14px}.wc-route{display:none}body.wc-company #loginPanel,body.wc-company #companyPanel,body.wc-admin #loginView{margin:24px auto 100px;width:460px}.wc-mast{padding:20px 24px}.wc-mast nav{display:none}.wc-tag{display:none}.wc-admin .wrap{padding:22px 16px}.wc-admin .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-admin .grid .card{padding:18px}.wc-company .card,.wc-admin .login{padding:26px!important}.wc-admin .top{padding:18px}.wc-admin .top-actions{gap:6px}.wc-company #workspace header{padding:10px;gap:8px}.wc-company #syncLast{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}