:root{--ink:#1b2a2f;--teal:#0f4c5c;--sand:#e09f3e;--paper:#f6f7f5}
body{font-family:'Cairo',sans-serif;background:var(--paper);color:var(--ink)}
.app-nav{background:var(--teal)}
.app-nav .nav-link.active{color:var(--sand)!important;font-weight:700}
.btn-primary{--bs-btn-bg:var(--teal);--bs-btn-border-color:var(--teal);--bs-btn-hover-bg:#0b3a47;--bs-btn-hover-border-color:#0b3a47}
.progress{height:.9rem;background:#dfe6e4}.progress-bar{background:var(--teal);transition:width .6s}
.star{cursor:pointer;font-size:1.8rem;color:#c9cfcd}.star.on{color:var(--sand)}
.notif-menu{width:340px;max-height:420px;overflow:auto}
.notif-item{border-bottom:1px solid #eee;padding:.7rem 1rem;cursor:pointer}
.notif-item.unread{background:#fff8ea}
.session-row.done .title{text-decoration:line-through;color:#7b8a8f}
.login-wrap{max-width:440px;margin:6vh auto}

.install-card{position:relative;background:var(--teal);color:#fff;border-radius:1rem;padding:1.25rem 1.25rem 1.1rem;
  box-shadow:0 .5rem 1.5rem rgba(15,76,92,.25);animation:installIn .5s ease-out}
.install-icon{width:52px;height:52px;border-radius:14px;background:var(--sand);color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}
.install-points li{padding:.25rem 0;font-size:.92rem}
.install-points i{color:var(--sand);margin-left:.5rem}
.install-close{position:absolute;top:.6rem;left:.6rem;background:none;border:0;color:#fff;opacity:.6;font-size:.85rem}
.install-close:hover{opacity:1}
@keyframes installIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.install-card{animation:none}}