body { background: #f7f8f6; color: #243238; }
.site-navbar { background: #173f45; padding: .8rem 1rem; box-shadow: 0 3px 18px rgba(23,63,69,.14); }
.site-navbar .navbar-brand, .site-navbar .nav-link { color: #f4fbf8; }
.site-navbar .navbar-brand { display: inline-flex; align-items: center; gap: .55rem; letter-spacing: -.02em; }
.site-navbar .nav-link { border-radius: 999px; padding: .5rem .8rem; opacity: .82; }
.site-navbar .nav-link:hover, .site-navbar .nav-link.active { background: rgba(255,255,255,.12); color: #fff; opacity: 1; }
.site-navbar .appointment-link { background: #d7f0df; color: #173f45; opacity: 1; font-weight: 600; }
.site-navbar .appointment-link:hover { background: #fff; color: #173f45; }
.brand-mark { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #c7e6d1; color: #173f45; }
.site-main { min-height: calc(100vh - 125px); }
.site-footer { background: #173f45; color: #f4fbf8; padding: 1.25rem 0; font-size: .9rem; }
.hero, .hero-tools, .hero-writer { background: linear-gradient(135deg, #e3f1e8 0%, #f7f8f6 72%); }
.card, .content-card, .tool-card { border-color: #dce7e1; box-shadow: 0 8px 24px rgba(32,61,54,.06); }
.btn-primary { background-color: #216b68; border-color: #216b68; }
.btn-primary:hover, .btn-primary:focus { background-color: #174f4e; border-color: #174f4e; }
.site-navbar .dropdown-menu { border: 0; box-shadow: 0 12px 28px rgba(23,63,69,.16); }
.site-main > .container-fluid { padding-bottom: 3.5rem; }
.site-main > .container { padding-bottom: 3.5rem; }
.sidebar { background: #eef5f0 !important; border-right: 1px solid #dce7e1; }
.sidebar .nav-link { color: #52666a; border-radius: .6rem; margin: .15rem .65rem; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { background: #d7ebe0; color: #173f45; }
.client-workspace-nav { margin: 0 0 1rem; padding: .75rem; border: 1px solid #d4e5da; border-radius: .8rem; background: rgba(255,255,255,.65); }
.client-workspace-label { padding: .25rem .5rem .55rem; color: #6c7f80; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.workspace-link { display: block; padding: .48rem .55rem; border-radius: .5rem; color: #365457; font-size: .9rem; text-decoration: none; }
.workspace-link:hover, .workspace-link.active { background: #d7ebe0; color: #173f45; }
.client-workspace-page .workspace-card { border: 1px solid #dce7e1; border-radius: 1rem; box-shadow: 0 10px 28px rgba(32,61,54,.07); }
.workspace-card-icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .9rem; color: #fff; font-size: 1.35rem; }
.bg-teal { background: #216b68; }
.bg-plum { background: #71618e; }