:root{--d5-bg:#f4f8f6;--d5-card:#fff;--d5-text:#173b3b;--d5-muted:#607771;--d5-line:#d5e3dd;--d5-accent:#10776f;--d5-soft:#e9f3ee;color-scheme:light}html[data-theme=dark]{--d5-bg:#0f1c20;--d5-card:#192c31;--d5-text:#edf5f2;--d5-muted:#b2c8c1;--d5-line:#385057;--d5-accent:#65d5bf;--d5-soft:#253e3c;color-scheme:dark}.d5-access-body{margin:0;background:var(--d5-bg);color:var(--d5-text);font:16px 'Segoe UI',Tahoma,Arial;line-height:1.65}.d5-access-body *,.d5-access *{box-sizing:border-box}.d5-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 24px;max-width:1150px;margin:auto}.d5-brand{display:flex;align-items:center;gap:10px;color:var(--d5-text);font-size:24px;font-weight:800;text-decoration:none;direction:ltr}.d5-brand img{width:44px;height:44px;border-radius:12px}.d5-controls{display:flex;gap:8px}.d5-controls select,.d5-controls button{font:inherit;font-size:13px;color:var(--d5-text);background:var(--d5-card);border:1px solid var(--d5-line);padding:9px 12px;border-radius:10px;cursor:pointer}.d5-access{max-width:660px;width:calc(100% - 32px);margin:24px auto 60px;border:1px solid var(--d5-line);border-radius:24px;padding:30px;background:var(--d5-card);color:var(--d5-text);box-shadow:0 20px 65px #1238300b}.d5-access h1,.d5-access h2{font-size:26px;margin:5px 0 12px}.d5-access p{font-size:14px;color:var(--d5-muted);line-height:1.8}.d5-access label{display:grid;gap:7px;margin:16px 0;font-size:14px;font-weight:600}.d5-access input,.d5-access select,.d5-access textarea{font:inherit;font-size:16px;width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--d5-line);border-radius:10px;color:var(--d5-text)!important;background:var(--d5-bg)!important;box-sizing:border-box}.d5-access button,.d5-action{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid transparent;border-radius:11px;background:var(--d5-accent);color:var(--d5-bg);font-weight:700;cursor:pointer;text-decoration:none;min-height:45px}.d5-access button[type=submit]{width:100%;margin-top:14px}.d5-access .secondary,.d5-action.secondary{background:var(--d5-soft);color:var(--d5-text);border:1px solid var(--d5-line)}.d5-access .text-link{display:block;text-align:center;color:var(--d5-accent);margin-top:18px;text-decoration:none;font-size:14px}.d5-access button:disabled{opacity:.5;cursor:not-allowed}.d5-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.d5-hint{padding:13px 15px;border-radius:12px;background:var(--d5-soft);font-size:13px;color:var(--d5-muted);margin:16px 0}.d5-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#b83c4b;font-size:14px}.d5-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.d5-doors button{padding:14px 8px;display:flex;flex-direction:column;gap:5px;background:var(--d5-bg);color:var(--d5-text);border:1px solid var(--d5-line);font-size:14px}.d5-doors button[aria-pressed=true]{border-color:var(--d5-accent);background:var(--d5-soft);box-shadow:inset 0 0 0 1px var(--d5-accent)}.d5-doors small{font-size:10px;font-weight:400;color:var(--d5-muted)}.d5-doors .icon{font-size:24px}.d5-code{font:12px monospace;direction:ltr;text-align:center;color:var(--d5-muted);margin-top:24px}.d5-access :focus-visible,.d5-controls :focus-visible{outline:3px solid #d8b263;outline-offset:3px}.d5-install{position:fixed;inset-inline:16px;bottom:16px;margin:auto;max-width:490px;background:var(--d5-card);color:var(--d5-text);border:1px solid var(--d5-line);box-shadow:0 10px 45px #0003;border-radius:17px;padding:20px;z-index:999999;line-height:1.7}.d5-install h3{margin:0 0 7px}.d5-install p{font-size:13px;margin:10px 0}.d5-install-actions{display:flex;gap:8px;flex-wrap:wrap}.d5-install button{font:inherit;border:1px solid var(--d5-line);border-radius:9px;padding:9px 15px;cursor:pointer;background:var(--d5-soft);color:var(--d5-text)}.d5-install button:first-child{background:var(--d5-accent);color:var(--d5-bg)}.d5-install a{color:var(--d5-accent)}.d5-access-page{min-height:100dvh;background:var(--d5-bg);color:var(--d5-text)}[hidden]{display:none!important}.d5-access-footer{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px;font-size:13px;color:var(--d5-muted)}
@media(max-width:600px){.d5-access{padding:22px;margin-top:12px;border-radius:18px}.d5-toolbar{padding:14px 16px}.d5-fields{grid-template-columns:1fr}.d5-doors{grid-template-columns:repeat(3,1fr)}.d5-controls select{max-width:100px}.d5-access h1,.d5-access h2{font-size:23px}.d5-access input,.d5-access select{font-size:16px}.d5-access-footer{gap:10px}.d5-install{padding:17px}.df-ops-form,.df-lab-form{grid-template-columns:1fr!important}.df-ops table,.df-lab table{font-size:12px}.df-ops,.df-lab{min-width:0!important;max-width:100%!important}#root{max-width:100vw}.df-modal{max-width:calc(100vw - 20px)!important;max-height:92dvh!important;overflow:auto}.df-access-mobile-scroll{overflow:auto;max-width:100%}input,textarea,select{scroll-margin-top:85px}button{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.d5-access *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.df-shell{display:flex!important;flex-direction:column!important;min-width:0!important}.df-aside{position:relative!important;top:auto!important;height:auto!important;padding:10px!important;width:100%!important;border:0!important}.df-aside>div:first-child,.df-clockwrap{display:none!important}.df-navlist{display:flex!important;flex-direction:row!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;flex:none!important;padding:5px!important}.df-nav{flex:0 0 auto!important;flex-direction:column!important;font-size:11px!important;gap:5px!important;min-width:65px;padding:8px!important;white-space:nowrap}.df-nav span{display:block!important}.df-aside>div:last-child{padding:8px!important;max-height:58px}.df-shell>main>header{position:relative!important;top:auto!important;padding:10px!important;gap:8px!important;flex-wrap:wrap!important}.df-shell>main>header img{max-width:45px!important;max-height:45px!important}.df-shell>main>div{padding-inline:10px!important}.dfl{min-width:0!important}.dfl-layout{display:flex!important;flex-direction:column!important}.dfl-sidebar{width:100%!important;position:relative!important}.dfl-dialog{max-width:calc(100vw - 20px)!important;padding:18px!important}.dfl-grid,.dfl-form{grid-template-columns:1fr!important}.dfl-board{overflow-x:auto!important;max-width:100vw;scroll-snap-type:x proximity}.dfl-column{min-width:260px;scroll-snap-align:start}html[dir=ltr] .df-ops,html[dir=ltr] .dfl{direction:ltr}}
.d5-lab-bar{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding:9px 16px;background:var(--d5-card);border-bottom:1px solid var(--d5-line)}.d5-menu-toggle{display:none;color:var(--d5-text);background:var(--d5-soft);border:1px solid var(--d5-line);padding:10px;border-radius:9px}.d5-access input[type=checkbox]{width:20px;min-height:20px;height:20px;padding:0;accent-color:var(--d5-accent)}@media(max-width:760px){.d5-lab-bar{justify-content:space-between;position:sticky;top:0;z-index:81}.d5-menu-toggle{display:block}.dfl-shell{display:block!important}.dfl-aside{display:none!important}.dfl-aside.d5-mobile-open{display:flex!important;flex-direction:column;position:fixed!important;inset-inline-start:0;top:65px;bottom:0;width:min(300px,90vw)!important;height:auto!important;overflow:auto;z-index:80;box-shadow:0 12px 50px #0006}.dfl-main{padding:12px!important;min-width:0!important;max-width:100vw}.dfl-formgrid{grid-template-columns:1fr!important}}
/* ---- glass design for access pages (login, register, pairing, remote entry) — 2026.10.10.11 ---- */
.d5-access-body{--g:rgba(255,255,255,.6);--gs:rgba(255,255,255,.8);--gl:rgba(255,255,255,.75);--a2:#6366f1;--sh:0 10px 30px rgba(18,60,66,.08),0 30px 80px rgba(18,60,66,.12);--b1:#5eead4;--b2:#a5b4fc;--b3:#fcd34d;min-height:100dvh;position:relative;overflow-x:hidden;font-family:Tajawal,Cairo,'Segoe UI',system-ui,Tahoma,Arial,sans-serif;background:#edf5f6}
html[data-theme=dark] .d5-access-body{--g:rgba(16,40,46,.58);--gs:rgba(18,44,50,.82);--gl:rgba(255,255,255,.12);--a2:#a5b4fc;--sh:0 10px 30px rgba(0,0,0,.35),0 30px 80px rgba(0,0,0,.35);--b1:#0f766e;--b2:#4338ca;--b3:#92400e;background:#061317}
.d5-access-body:before,.d5-access-body:after{content:'';position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.7}
.d5-access-body:before{width:60vmax;height:60vmax;top:-25vmax;inset-inline-start:-18vmax;background:radial-gradient(circle at 35% 35%,var(--b1),transparent 62%);animation:d5a 22s ease-in-out infinite alternate}
.d5-access-body:after{width:55vmax;height:55vmax;bottom:-26vmax;inset-inline-end:-16vmax;background:radial-gradient(circle at 40% 40%,var(--b2),transparent 60%),radial-gradient(circle at 75% 70%,var(--b3),transparent 60%);animation:d5a 26s ease-in-out infinite alternate-reverse}
@keyframes d5a{to{transform:translate3d(4vmax,4vmax,0) scale(1.08)}}
.d5-access-body>*{position:relative;z-index:1}
.d5-access-body .d5-toolbar{margin:12px auto 0;width:min(1150px,calc(100% - 24px));border-radius:18px;background:var(--g);border:1px solid var(--gl);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--sh)}
.d5-access-body .d5-controls select,.d5-access-body .d5-controls button{background:var(--gs);border-color:var(--gl);border-radius:12px;transition:transform .15s,border-color .2s}.d5-access-body .d5-controls button:hover{transform:translateY(-1px);border-color:var(--d5-accent)}
.d5-access-body .d5-access{background:var(--g);border:1px solid var(--gl);border-radius:28px;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:var(--sh),inset 0 1px 0 rgba(255,255,255,.35);animation:d5in .5s cubic-bezier(.2,.8,.2,1)}
@keyframes d5in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.d5-access-body .d5-access h1{font-weight:900;background:linear-gradient(120deg,var(--d5-text) 30%,var(--d5-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.d5-access-body .d5-access input,.d5-access-body .d5-access select,.d5-access-body .d5-access textarea{background:var(--gs)!important;border-color:var(--gl);border-radius:13px;transition:border-color .2s,box-shadow .2s}
.d5-access-body .d5-access input:focus,.d5-access-body .d5-access select:focus{outline:none;border-color:var(--d5-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--d5-accent) 22%,transparent)}
.d5-access-body .d5-access button:not(.secondary):not([aria-pressed]),.d5-access-body .d5-action:not(.secondary){background:linear-gradient(135deg,var(--d5-accent),color-mix(in srgb,var(--d5-accent) 55%,var(--a2)));color:#fff;border-radius:14px;box-shadow:0 10px 26px color-mix(in srgb,var(--d5-accent) 35%,transparent);transition:transform .2s,box-shadow .2s}
html[data-theme=dark] .d5-access-body .d5-access button:not(.secondary):not([aria-pressed]),html[data-theme=dark] .d5-access-body .d5-action:not(.secondary){color:#04211d}
.d5-access-body .d5-access button:not(:disabled):hover,.d5-access-body .d5-action:hover{transform:translateY(-2px)}.d5-access-body .d5-access button:active{transform:scale(.98)}
.d5-access-body .d5-access .secondary,.d5-access-body .d5-action.secondary{background:var(--gs);border-color:var(--gl);border-radius:14px}
.d5-access-body .d5-doors button{background:var(--gs);border-color:var(--gl);border-radius:16px;transition:transform .2s,border-color .2s}.d5-access-body .d5-doors button:hover{transform:translateY(-3px)}.d5-access-body .d5-doors button[aria-pressed=true]{background:color-mix(in srgb,var(--d5-accent) 14%,var(--gs))}
.d5-access-body .d5-hint{background:var(--gs);border:1px solid var(--gl)}
.d5-access-body .d5-access-footer a{color:var(--d5-accent);font-weight:700}
.d5-install{background:var(--gs,var(--d5-card));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.d5-access-body{--g:rgba(255,255,255,.94);--gs:#fff}html[data-theme=dark] .d5-access-body{--g:rgba(16,40,46,.96);--gs:#12292f}}
@media(max-width:600px){.d5-access-body .d5-toolbar{margin-top:8px;width:calc(100% - 16px);padding:10px 12px}.d5-access-body .d5-access{border-radius:22px}}
@media(prefers-reduced-motion:reduce){.d5-access-body:before,.d5-access-body:after,.d5-access-body .d5-access{animation:none}}
/*D5ACCESS19 — entry pages in the same glass look as the home page and the app (2026.10.10.19)*/
.d5-access-body,.d5-access-page{min-height:100vh;background:radial-gradient(1000px 620px at 104% -8%,color-mix(in srgb,var(--d5-accent) 22%,transparent),transparent 62%),radial-gradient(900px 600px at -8% 108%,color-mix(in srgb,#6366f1 15%,transparent),transparent 60%),linear-gradient(165deg,color-mix(in srgb,var(--d5-accent) 5%,#f7fafb),#eef3f8) fixed #f3f7f9}
html[data-theme=dark] .d5-access-body,html[data-theme=dark] .d5-access-page{background:radial-gradient(1000px 620px at 104% -8%,color-mix(in srgb,var(--d5-accent) 20%,transparent),transparent 62%),radial-gradient(900px 600px at -8% 108%,color-mix(in srgb,#6366f1 20%,transparent),transparent 60%),linear-gradient(165deg,#08131a,#0a1220) fixed #09121b}
.d5-access{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 30px rgba(18,60,66,.08),0 30px 80px rgba(18,60,66,.12),inset 0 1px 0 rgba(255,255,255,.75)}
html[data-theme=dark] .d5-access{background:rgba(16,30,38,.64);border-color:rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
.d5-access input,.d5-access select,.d5-access textarea{background:rgba(255,255,255,.78)!important;transition:border-color .2s,box-shadow .2s}
html[data-theme=dark] .d5-access input,html[data-theme=dark] .d5-access select,html[data-theme=dark] .d5-access textarea{background:rgba(8,18,26,.55)!important}
.d5-access input:focus,.d5-access select:focus,.d5-access textarea:focus{border-color:var(--d5-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--d5-accent) 22%,transparent);outline:none}
.d5-access button[type=submit],.d5-access .d5-action:not(.secondary){background:linear-gradient(135deg,var(--d5-accent),color-mix(in srgb,var(--d5-accent) 58%,#6366f1));color:#fff;box-shadow:0 10px 24px -12px var(--d5-accent),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .18s,filter .2s}
.d5-access button[type=submit]:hover:not(:disabled),.d5-access .d5-action:not(.secondary):hover{transform:translateY(-1px);filter:brightness(1.05)}
.d5-controls select,.d5-controls button{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html[data-theme=dark] .d5-controls select,html[data-theme=dark] .d5-controls button{background:rgba(16,30,38,.6)}
.d5-doors button{background:rgba(255,255,255,.62);transition:transform .2s,box-shadow .2s,border-color .2s}.d5-doors button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(16,42,67,.45)}
html[data-theme=dark] .d5-doors button{background:rgba(16,30,38,.5)}
.d5-doors .icon.d5-door-ico{display:grid;place-items:center;margin:0 auto 4px;font-size:0}
.d5-doors button:disabled .icon.d5-door-ico{filter:grayscale(.7);opacity:.7}
@media (prefers-reduced-transparency:reduce){.d5-access,.d5-controls select,.d5-controls button{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--d5-card)}}
/*/D5ACCESS19*/