:root { --crow-brown:#4b3028; --crow-brown-2:#68443a; --crow-cream:#fffaf2; --crow-blush:#f8e8e7; --crow-pink:#d98296; --crow-green:#6d9b78; --crow-sky:#e8f3f5; }
.ui-icon { width:22px; height:22px; display:block; }
.top.has-sidebar { min-height:116px; background:linear-gradient(120deg,#35231f 0%,#5b3b32 58%,#6d493e 100%); box-shadow:0 6px 24px #3c241c22; }
.top.has-sidebar .brand { color:#fff8ee; text-decoration:none; }
.top.has-sidebar .brand small { color:#ead9cb; }
.sidebar { background:linear-gradient(180deg,#fffdf8,#fff8ef); box-shadow:8px 0 28px #5635280a; }
.app-frame { position:relative; isolation:isolate; }
.app-frame:before { content:""; position:fixed; z-index:-1; inset:116px 0 0 235px; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='%235b3b32' transform='rotate(-16 45 45)'%3E%3Cellipse cx='45' cy='50' rx='15' ry='12'/%3E%3Cellipse cx='31' cy='35' rx='6' ry='8'/%3E%3Cellipse cx='43' cy='29' rx='6' ry='8'/%3E%3Cellipse cx='56' cy='32' rx='6' ry='8'/%3E%3Cellipse cx='64' cy='43' rx='6' ry='8'/%3E%3C/g%3E%3C/svg%3E"); }
.sidebar:after { content:"🐾"; display:block; margin:10px auto 0; color:#9a7165; opacity:.2; text-align:center; font-size:28px; transform:rotate(-10deg); }
.nav-group { gap:4px; }
.nav-group > span { color:#94766d; }
.portal-nav-link { display:flex !important; align-items:center; gap:11px; min-height:42px; position:relative; }
.portal-nav-link .nav-icon { width:27px; height:27px; flex:0 0 27px; display:grid; place-items:center; border-radius:9px; color:#8b675c; transition:.16s ease; }
.portal-nav-link .nav-icon .ui-icon { width:19px; height:19px; }
.portal-nav-link:hover .nav-icon { color:var(--crow-brown); background:#f5e7de; transform:rotate(-3deg); }
.portal-nav-link.active { background:#f5e1e4 !important; color:#633d48 !important; box-shadow:inset 3px 0 #d98296; }
.portal-nav-link.active .nav-icon { color:#a94864; background:#fff8fa; }
.nav-group a.nav-primary { background:#fff0f2; }
.nav-account .portal-nav-link { margin-top:8px; }
.top-admin-presence { padding:7px 10px; border:1px solid #ffffff24; border-radius:12px; background:#25161245; backdrop-filter:blur(6px); }
.top-admin-person i.online { background:#83dda0; }
.phone-bottom-nav { display:none; }
@media (min-width:901px) and (max-width:1100px) {
  .app-frame:before { left:84px; }
  .top.has-sidebar { padding-left:10px; }
  .top.has-sidebar .brand { grid-template-columns:84px auto; }
  .top.has-sidebar .brand > img { width:70px; height:70px; }
  .app-frame { grid-template-columns:84px minmax(0,1fr); }
  .sidebar { padding:18px 8px; }
  .sidebar > nav { gap:16px; }
  .nav-group > span,.nav-account > strong,.nav-account > small { display:none; }
  .portal-nav-link { min-height:52px; padding:7px 4px !important; justify-content:center; gap:2px; flex-direction:column; text-align:center; }
  .portal-nav-link .nav-label { font-size:8px; line-height:1.05; }
  .portal-nav-link .nav-icon { width:29px; height:29px; }
  .nav-account { padding:8px 0 0; }
  .nav-account .portal-nav-link { margin:0; }
}
@media (max-width:900px) {
  .app-frame:before { inset:92px 0 0; opacity:.025; }
  .top.has-sidebar { min-height:92px; padding:10px 14px; align-items:center; flex-direction:row; }
  .top.has-sidebar .brand { display:flex; }
  .top.has-sidebar .brand > img { width:68px; height:68px; }
  .top.has-sidebar .brand > span { font-size:16px; }
  .app-frame { display:block; min-height:calc(100vh - 92px); }
  .sidebar { display:none; }
  .app-frame > .shell { padding:20px 14px 92px; }
  body { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .phone-bottom-nav { position:fixed !important; z-index:80; left:0; right:0; bottom:0; width:100%; transform:none !important; display:grid; grid-template-columns:repeat(4,1fr); background:#fffdf9; border:1px solid #eadbd0; border-bottom:0; border-radius:18px 18px 0 0; box-shadow:0 -6px 24px #3e291f20; padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)); }
  .phone-bottom-nav > .portal-nav-link,.phone-more > summary { display:flex !important; min-height:54px; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:4px !important; border-radius:12px; color:#775e56; text-decoration:none; font-size:10px; font-weight:800; }
  .phone-bottom-nav .nav-icon { width:25px; height:25px; display:grid; place-items:center; }
  .phone-bottom-nav .ui-icon { width:21px; height:21px; }
  .phone-bottom-nav > .portal-nav-link.active { color:#9b405b !important; background:#f8e5e9 !important; box-shadow:none; }
  .phone-more { margin:0; padding:0; border:0; }
  .phone-more > summary { list-style:none; cursor:pointer; }
  .phone-more > summary::-webkit-details-marker { display:none; }
  .phone-more-panel { position:fixed; left:10px; right:10px; bottom:82px; max-height:calc(100vh - 120px); overflow:auto; display:grid; gap:5px; padding:14px; border:1px solid #eadbd0; border-radius:18px; background:#fffdf9; box-shadow:0 10px 38px #3e291f35; }
  .phone-more:not([open]) .phone-more-panel { display:none; }
  .phone-more-panel .portal-nav-link { display:flex !important; min-height:46px; padding:8px 10px; border-radius:10px; color:#543f38; text-decoration:none; font-weight:750; }
  .phone-more-panel .nav-group,.phone-more-panel .nav-account { display:contents; }
  .phone-more-panel .nav-group > span { display:none; }
  .phone-more-head { display:flex; justify-content:space-between; padding:3px 5px 10px; color:#5c4038; border-bottom:1px solid #eee0d6; }
  .phone-more-head span { color:#92756b; font-size:12px; }
  body > footer { padding-bottom:104px; }
}
@media (max-width:560px) {
  .top.has-sidebar .brand > span { display:none; }
  .top.has-sidebar { min-height:82px; }
  .top-admin-presence { max-width:65%; }
  .app-frame > .shell { padding-top:14px; }
}
.staff-footer-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #eadbd0;background:#fffdf9}.staff-footer-nav .portal-nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;color:#775e56;text-decoration:none;font-size:12px;font-weight:800}.staff-footer-nav .portal-nav-link:hover,.staff-footer-nav .portal-nav-link.active{background:#f8e5e9;color:#9b405b}.staff-footer-nav .nav-icon{display:grid;place-items:center;width:18px;height:18px}.staff-footer-nav .ui-icon{width:17px;height:17px}@media(max-width:720px){.phone-bottom-nav{display:none!important}.staff-footer-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;display:flex;justify-content:space-around;gap:2px;flex-wrap:nowrap;padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));border:1px solid #eadbd0;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -6px 24px #3e291f20}.staff-footer-nav .portal-nav-link{min-height:54px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px;font-size:10px;text-align:center}.staff-footer-nav .nav-icon{width:25px;height:25px;margin:auto}.staff-footer-nav .ui-icon{width:21px;height:21px}}