/* OFFSETS Cloud Drive Quantum + Prism. Only presentation; does not affect authentication. */
:root{--qp-navy:#082e3a;--qp-teal:#0fa3a8;--qp-cyan:#26c6d0;--qp-border:#d9eaed}
body.offsets-dashboard{background:linear-gradient(130deg,#f5fafc,#edf8fb 55%,#e7f5f8);color:var(--qp-navy)}
.offsets-dashboard .od-topbar{background:#fff;color:var(--qp-navy);border-bottom:1px solid var(--qp-border);min-height:78px;box-shadow:0 3px 16px #082e3a08}
.offsets-dashboard .od-brand img{background:transparent;border-radius:0;padding:0;width:170px}
.offsets-dashboard .od-top-label{color:#567881}
.offsets-dashboard .od-sidebar{top:78px;background:linear-gradient(180deg,#07313f,#082e3a);box-shadow:3px 0 14px #082e3a10}
.offsets-dashboard .od-side-link.active{background:linear-gradient(100deg,#0a8c99,#13b9bd)}
.offsets-dashboard .od-workspace{padding:26px 30px}
.offsets-dashboard .od-panel{border:1px solid var(--qp-border);border-radius:18px;box-shadow:0 10px 32px #082e3a0a}
.offsets-dashboard .od-login{max-width:1180px;margin:0 auto;padding:40px 20px}
.qp-login-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.85fr);gap:24px;align-items:stretch;min-height:min(72vh,640px)}
.qp-login-photo{position:relative;overflow:hidden;border-radius:22px;min-height:470px;background:linear-gradient(0deg,#062c3ac9,transparent 70%),url('qp/abu-dhabi-15.webp') center center/cover no-repeat;box-shadow:0 14px 35px #082e3a19}
.qp-photo-content{position:absolute;left:38px;bottom:38px;right:30px;color:white;text-shadow:0 1px 10px #082e3a5c}
.qp-photo-content span,.qp-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--qp-teal)}
.qp-photo-content span{color:#7df2ed}.qp-photo-content h1{font-size:clamp(32px,3.6vw,56px);line-height:1.07;margin:15px 0}.qp-photo-content p{font-size:16px;max-width:450px}
.offsets-dashboard .qp-login-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,52px);margin:0;background:linear-gradient(145deg,#fff,#f8feff)}
.qp-login-card h1{font-size:35px;margin:12px 0}.qp-login-card>p{color:#587d88}
.qp-core-button{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-radius:12px;background:linear-gradient(110deg,#0c929d,#20bac2);color:white!important;font-weight:800;text-decoration:none;margin:25px 0 10px;box-shadow:0 10px 22px #0fa3a82d}
.qp-core-button:hover{filter:brightness(.95)}.qp-fallback{margin-top:27px;border-top:1px solid var(--qp-border);padding-top:20px}.qp-fallback summary{cursor:pointer;color:#496f7a}.qp-fallback form{padding:15px 0}.qp-fallback label{display:block;margin:12px 0}
@media(max-width:850px){.offsets-dashboard .od-sidebar{top:auto}.offsets-dashboard .od-workspace{padding:16px}.qp-login-layout{grid-template-columns:1fr;min-height:unset}.qp-login-photo{min-height:230px}.qp-photo-content{left:25px;bottom:18px}.qp-photo-content h1{font-size:30px}.offsets-dashboard .od-login{padding:20px 12px}}
@media(max-width:550px){.qp-login-photo{min-height:200px}.offsets-dashboard .qp-login-card{padding:24px}}