/* Final approved reference: light / pastel / premium. Layout and app data intact. */
:root{--paper:#F7F9FE;--ink:#112346;--muted:#4C5C76;--line:#E4EAF5;--shadow:0 10px 34px rgba(25,66,132,.07);--navy:#1061DC}
body,.workspace{background:#F7F9FE!important;color:#142745!important}
.sidebar{background:#FFFFFF!important;color:#18356A!important;border-right:1px solid #E4EAF5!important}
.brand strong,.sidebar .brand small{color:#125BDD!important}.brand small{color:#687B99!important}.sidecaption{color:#6F80A0!important}
.navlink{color:#385278!important}.navlink.active,.navlink:hover{color:#0750C5!important;background:#E5F0FF!important}
.admin-side{color:#1B56B2!important;border-color:#C9DEFF!important}.admin-side:hover{background:#EDF5FF!important}
.side-note{background:#F2F8FF;color:#255293!important;border:1px solid #D7E8FD!important}.side-note small{color:#56708E!important}
.topbar{background:#FFFFFF!important;border-color:#E4EAF5!important}.top-title strong,.mini-brand{color:#0F2A5B!important}
h1,h2{color:#14284C}h1{font-size:clamp(29px,3.2vw,39px)}h2{font-size:21px}
.welcome{background:linear-gradient(105deg,#FFE6F0,#FFCDE1)!important;box-shadow:0 15px 35px #E1A1C82B!important;min-height:160px;border:1px solid #FFDDEB!important;border-radius:23px!important;display:flex;align-items:center;justify-content:space-between}
.welcome:after{display:none}.welcome h1{color:#0C58CE!important}.welcome .eyebrow{color:#AA3F78!important}.welcome .muted{color:#384F75!important;max-width:55ch}.welcome-art{color:#F56A9C!important;display:block!important;opacity:1!important;font-size:58px}
.filter-panel,.panel,.metric,.center-card,.myroutine-box{background:#FFFFFF!important;border:1px solid #E7ECF7!important;border-radius:21px!important;box-shadow:0 10px 30px #274A7E0B!important;color:#142745!important}
.next-card{background:linear-gradient(126deg,#FFFFFF,#FFF0F5)!important;border:1px solid #FFE3EC!important;border-radius:23px!important;color:#152641!important;box-shadow:0 12px 34px #EA99B41C!important}
.next-card *, .next-card h2{color:#13264A}.next-header{color:#F02F62!important}.next-header span:first-child{background:#FFDCE7;color:#D52250!important;border-radius:9px;padding:7px 10px;font-weight:800}.next-card .code,.next-date,.time-notice{color:#485A78!important}
.count-unit{background:#FFE1EA!important;border:1px solid #FFD2E0!important}.count-unit strong{color:#E53462!important}.count-unit span{color:#7F3553!important}
.metric strong{color:#0866E5!important}.primary{background:#0869EC!important;color:white!important}.primary:hover{background:#0555C5!important}.secondary{background:#E9F1FF!important;color:#0E53B6!important}
.tiny-tag{background:#E8F2FF!important;color:#0B58B8!important}.eyebrow{color:#145DCA!important}.progress-track>div{background:linear-gradient(90deg,#318DFF,#F16BA7)!important}
.banner-head .banner-small{color:#506485}.banner-root{background:#FFE9F2!important;border-radius:22px!important;box-shadow:0 16px 35px #DA91B21B!important}
.banner-frame{aspect-ratio:1600/620!important;min-height:unset!important;background:#FFDFEE!important}.banner-frame img{object-fit:cover!important}
.banner-image-shade,.banner-overlay,.sponsor-label{display:none!important}.banner-controls{bottom:12px!important;right:15px!important}.banner-controls button{background:#fff!important;color:#1454B2!important;border:1px solid #E7EBF6!important;box-shadow:0 3px 10px #173C6D24!important}.banner-count{background:#FFFFFFE8;color:#1B3973!important;text-shadow:none!important;border-radius:15px;padding:3px 8px}
.quick-access{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:18px 0 22px}.quick-item{border:1px solid #E7EFF9;padding:19px 8px;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:112px;color:#193052;box-shadow:0 7px 18px #173C6410}.quick-item b{font-size:13px;line-height:1.3}.quick-icon{height:49px;width:49px;border-radius:15px;display:grid;place-items:center;font-size:31px;font-weight:800}.quick-blue{background:#EAF7FF}.quick-blue .quick-icon{color:#066BEF;background:#D4ECFF}.quick-amber{background:#FFF9E8}.quick-amber .quick-icon{color:#EDA100;background:#FFF0BC}.quick-pink{background:#FFF0F6}.quick-pink .quick-icon{color:#F6337A;background:#FFE0ED}.quick-green{background:#EAFBF1}.quick-green .quick-icon{color:#099E57;background:#D7F8E6}.quick-lavender{background:#F2EFFF}.quick-lavender .quick-icon{color:#7054E5;background:#E5E0FF}.quick-sky{background:#EAF5FF}.quick-sky .quick-icon{color:#1581EA;background:#D8EBFF}
.quick-item:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #2675EE!important;outline-offset:3px}
footer{background:#FFF!important;color:#54647F!important}footer b{color:#153F85!important}
@media(max-width:1050px){.quick-access{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){main{padding-top:15px!important}.topbar{height:70px;background:#fff!important}.welcome{padding:20px 17px!important;min-height:132px;margin-bottom:17px}.welcome h1{font-size:27px!important}.welcome .muted{font-size:14px!important}.welcome-art{font-size:45px!important}.banner-section{margin-top:0!important}.banner-head{margin-bottom:10px!important}.banner-head h2{font-size:17px!important}.banner-frame{aspect-ratio:1600/620!important}.hero-grid{grid-template-columns:1fr!important}.next-card{padding:19px!important}.quick-access{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.quick-item{padding:13px 5px;min-height:102px}.quick-item b{font-size:12px}.quick-icon{width:44px;height:44px;font-size:27px}.sidebar{display:none!important}.bottom-nav{background:#fff!important;box-shadow:0 -6px 24px #1D407015;border-top:1px solid #E3EAF7}.bottom-nav a{color:#687B9C!important}.bottom-nav a.active{color:#0768E7!important}.mini-brand{color:#1167D8!important}.welcome,.banner-root{width:100%}}
@media(max-width:370px){.welcome-art{display:none!important}.quick-item b{font-size:11px}.banner-controls button{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}