:root{--ink:#0a1930!important;--forest:#082a5a!important;--paper:#eef5ff!important;--gold:#ffd166!important;--line:#b9cce8!important;--blue:#1463d8;--blue-bright:#2388ff;--navy:#061b3a}
body{font-family:Arial,Helvetica,sans-serif!important;background:linear-gradient(145deg,#eaf3ff,#f8fbff 52%,#e2edff)!important;color:#0a1930!important}
aside{background:linear-gradient(180deg,#04152f,#082e68 62%,#0c4cac)!important;box-shadow:8px 0 30px rgba(4,21,47,.22)}
.brand small,.account small{color:#c5dcff!important}nav a{color:#e3efff!important}nav a.on,nav a:hover{background:linear-gradient(100deg,#176ee8,#0e50ac)!important;border-left:3px solid #76c5ff;color:#fff!important}.account{background:rgba(3,18,43,.92);position:sticky;bottom:0;padding:15px 8px 8px!important;z-index:3}.account a{color:#fff!important;font-weight:700}
header h1,.panel h2,.cards strong{font-family:Arial,Helvetica,sans-serif!important;font-weight:800;letter-spacing:-.03em}.hero,.panel,.cards article{border-color:#b9cce8!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(6,38,83,.09)}
.cards article{border-top:4px solid #2388ff!important}.cards article:nth-child(2){border-top-color:#176ee8!important}.cards article:nth-child(3){border-top-color:#ffd166!important}.cards .dark{background:linear-gradient(135deg,#061b3a,#0b4b9c)!important;color:#fff!important}
button,.profile-button{background:linear-gradient(100deg,#176ee8,#0b56bd)!important;color:#fff!important;border-radius:8px!important;border:0;font-weight:700;text-decoration:none;padding:11px 15px;display:inline-block}button:hover,.profile-button:hover{background:linear-gradient(100deg,#2388ff,#176ee8)!important}input:focus,select:focus{outline:3px solid rgba(35,136,255,.22);border-color:#176ee8}.status,.role{background:#d9eaff!important;color:#073c87!important}.ladder div{border-color:#c6d7ef!important;background:linear-gradient(145deg,#fff,#edf5ff)}
.top-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px}.date-clock{font-weight:700;color:#17406f;text-align:right;line-height:1.25}.date-clock small{display:block;color:#496988;font-size:9px!important}@media(max-width:700px){.top-tools{gap:7px}.date-clock{font-size:11px}.profile-button{padding:9px 10px}header{height:auto;min-height:100px;gap:10px}}
body.login{position:relative;display:grid!important;grid-template-columns:minmax(360px,470px) minmax(0,1fr);justify-content:start;align-items:center;min-height:100vh;padding:6vw!important;background-image:linear-gradient(90deg,rgba(2,15,34,.76) 0%,rgba(2,15,34,.38) 35%,rgba(2,15,34,.04) 67%),url('coffee-hero.webp')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
body.login:before{content:"WATERCLOUD COFFEE  •  SINGAPORE";position:absolute;right:5vw;bottom:4vw;color:#fff;font-size:12px;font-weight:800;letter-spacing:.2em;text-shadow:0 2px 14px rgba(0,0,0,.55)}
body.login .auth{grid-column:1;width:100%;padding:38px!important;border:1px solid rgba(255,255,255,.34);border-radius:18px!important;background:rgba(3,24,53,.62)!important;box-shadow:0 24px 70px rgba(1,13,31,.4);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
body.login .auth h1{font-family:Arial,Helvetica,sans-serif!important;font-weight:800!important;color:#fff!important;letter-spacing:-.035em}body.login .auth>p{color:#d8e8ff!important}body.login .auth label{color:#fff!important}body.login .auth input{background:rgba(255,255,255,.91)!important;border-color:rgba(255,255,255,.5)!important;color:#061b3a!important}body.login .logo{width:52px;height:52px;background:rgba(4,25,55,.7);border:2px solid #ffd166;color:#ffd166}
body.login{grid-template-columns:minmax(330px,400px) minmax(0,1fr);padding:5vw!important}body.login .auth{max-width:400px;padding:30px!important}body.login .logo{width:46px;height:46px;font-size:22px}body.login .auth h1{font-size:26px!important}
@media(max-width:760px){body.login{grid-template-columns:1fr;justify-content:center;padding:22px!important;background-image:linear-gradient(rgba(3,17,38,.61),rgba(3,17,38,.74)),url('coffee-hero.webp')!important;background-position:62% center!important}body.login .auth{grid-column:1;max-width:380px;margin:auto;padding:28px!important;background:rgba(3,24,53,.7)!important}body.login:before{left:0;right:0;bottom:10px;text-align:center;font-size:9px}}
.brand>b,.logo{font-size:0!important;border:0!important;border-radius:8px!important;background-color:#031733!important;background-image:url('watercloud-mark.webp')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;box-shadow:0 4px 14px rgba(0,0,0,.2)}body.login .logo{background-color:#031733!important;background-image:url('watercloud-mark.webp')!important}
.module-tabs{display:flex;gap:8px;margin-top:18px;padding:7px;background:#dfeaff;border:1px solid #bed2ef;border-radius:11px;width:max-content}.module-tabs a{padding:10px 16px;border-radius:8px;text-decoration:none;color:#174f91;font-weight:800}.module-tabs a.on{background:#0b56bd;color:#fff;box-shadow:0 5px 14px rgba(11,86,189,.22)}