/* Shared black-and-gold frosted surfaces, scoped to the two application shells. */
body:has(.admin-shell),body:has(.student-app){--glass-line:#ffffff12;--glass-surface:#1a1c1bd9;--gold:#dbc18b;--muted:#aeb0aa;background:radial-gradient(ellipse at 15% 0,#9c7f3f0c,transparent 50%),#0e1010;color:#f2f1e9}
body:has(.admin-shell) header,body:has(.student-app) header{background:#101212ed;border-bottom:1px solid #ffffff09;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.admin-shell .admin-sidebar{background:linear-gradient(150deg,#202321dc,#151817e8);border:1px solid #ffffff0d;box-shadow:0 16px 44px #0002,inset 0 1px #ffffff04;border-radius:24px;padding:20px 12px}
.admin-shell .sidebar-brand{padding-bottom:28px}.admin-shell .sidebar-brand>span{font-size:15px;letter-spacing:.1em;color:#e7d3a5}.admin-shell .sidebar-brand small{font-size:11px;color:#939a91}.admin-shell .sidebar-link{border-radius:14px;font-weight:500}.admin-shell .sidebar-link.active{border-color:transparent;background:linear-gradient(100deg,#c8ae751c,#ffffff05);color:#f5e6c3}.admin-shell .sidebar-link.active::before{background:#e2c68c}.admin-shell .sidebar-plan-toggle{color:#bbb9a9;font-size:12px}.admin-shell .sidebar-count,.admin-shell .unread-badge{background:#c4ad7420;border-color:#c8ae7520;color:#e3ce9f}
.admin-shell .admin-content>h1{font-size:30px;letter-spacing:-.8px;font-weight:600;margin:4px 0 24px}.admin-shell section,.admin-shell form,.admin-shell .panel,.student-app section,.student-app form{background:linear-gradient(140deg,#202321d9,#181b1bdb);border:1px solid #ffffff10;border-radius:22px;box-shadow:0 10px 32px #00000018,inset 0 1px #ffffff04;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.admin-shell h2,.student-app h2{font-size:20px;font-weight:600;letter-spacing:-.3px}.admin-shell .hint,.student-app .hint{color:#a8aca3;line-height:1.65}.admin-shell input:not([type=checkbox]):not([type=radio]),.admin-shell select,.admin-shell textarea,.student-app input:not([type=checkbox]):not([type=radio]),.student-app select{background:#11151477;border-color:#ffffff18;border-radius:12px;color:#efeee6;box-shadow:none}.admin-shell button,.admin-shell .button{border-color:#ffffff24;border-radius:12px}.admin-shell button:hover,.admin-shell .button:hover{border-color:#c8ae7570}.admin-shell .gold,.student-app .gold{background:linear-gradient(125deg,#e1c993,#c1a36c);border-color:transparent;color:#17150f;box-shadow:0 4px 18px #c8ae7510;font-weight:650}
.admin-shell .admin-overview{gap:20px;margin-bottom:24px}.admin-shell .admin-overview form{background:#ffffff03;box-shadow:none;border-color:#ffffff0c}.admin-shell .student-table th,.admin-shell .review-roster th{color:#d7d9d1;font-size:12px;font-weight:500;letter-spacing:.03em}.admin-shell .student-table td,.admin-shell .student-table th,.admin-shell .review-roster td,.admin-shell .review-roster th{border-color:#ffffff0c}.admin-shell .student-table tbody tr:hover,.admin-shell .review-roster tbody tr:hover{background:#ffffff03}.admin-shell .student-table strong{font-weight:600}.admin-shell .student-table button{font-size:13px;padding:6px 14px;min-height:36px}.admin-shell .student-plan-label{color:#a8aa9e}.admin-shell .training-status{padding:4px 9px;border:1px solid #c8ae7520;border-radius:20px;background:#c8ae7510;font-size:12px}.admin-shell .profile-tabs button{border-radius:12px;font-size:13px}.admin-shell .programme-version-row{border-color:#ffffff0c}.admin-shell .library-category-nav button{border-radius:22px;min-height:36px;font-size:13px}.admin-shell .library-search{background:none;border:0;box-shadow:none;padding:0}.admin-shell .student-overview{gap:26px}.admin-shell .student-identity{border-color:#ffffff16}.admin-shell .profile-summary h3{color:#d7c08c}
.student-app .student-date-strip button{border-color:#ffffff15;border-radius:18px;background:linear-gradient(140deg,#252a27ac,#181c1bae);box-shadow:inset 0 1px #ffffff04}.student-app .student-date-strip button[aria-pressed=true]{border-color:#c8ae7560;background:linear-gradient(140deg,#d4bc7d27,#24251c80)}.student-app .student-dock{border:1px solid #ffffff20;background:linear-gradient(140deg,#30352fcf,#171c1ae8);box-shadow:0 16px 38px #0006,inset 0 1px #ffffff10}.student-app .student-dock button[aria-current=page]{background:#d5bd8420;box-shadow:inset 0 1px #e8d7aa15}.student-app .meal-grid>section,.student-app .training-exercise{background:#ffffff03;border-color:#ffffff0c}.student-app .student-welcome h1{font-weight:600;letter-spacing:-.7px}.student-app .student-toolbar{margin-bottom:18px}.student-app .notice{background:#c8ae7510;color:#d3c9b1;border-color:#c8ae7570}
@media(min-width:1200px){body:has(.admin-shell) main.admin-main{margin-top:30px;margin-right:32px;width:calc(100% - 274px)}.admin-shell .admin-content>section{padding:26px}.admin-shell .admin-overview>section{padding:24px}}
@media(max-width:767px){.admin-shell .admin-sidebar{border-radius:18px;padding:12px}.admin-shell .admin-content>h1{font-size:26px;margin-bottom:20px}.admin-shell .admin-overview{gap:16px}.admin-shell section,.admin-shell form,.student-app section,.student-app form{border-radius:20px}.student-app .student-welcome h1{font-size:28px}}

.coach-demo-banner{padding:7px 20px;margin:0;text-align:center;background:#c8ae7510;color:#c9bc9b;font-size:12px}body:has(.coach-demo-banner) .admin-sidebar{top:129px}@media(max-width:767px){body:has(.coach-demo-banner) .admin-sidebar{top:auto}}

.demo-switch{display:flex;justify-content:center;gap:6px;padding:8px 16px;background:#111312;border-bottom:1px solid #ffffff09}.demo-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 20px;border:1px solid #ffffff17;border-radius:22px;text-decoration:none;font-size:13px;color:#bcbdb4}.demo-switch a[aria-current=page]{background:#c8ae7518;border-color:#c8ae7550;color:#e9d7b0}.demo-nav-en,.demo-nav-ms{display:none}html[lang=en] .demo-nav-zh,html[lang=ms] .demo-nav-zh{display:none}html[lang=en] .demo-nav-en,html[lang=ms] .demo-nav-ms{display:inline}body:has(.coach-demo-banner) .admin-sidebar{top:182px}@media(max-width:767px){body:has(.coach-demo-banner) .admin-sidebar{top:auto}}
