:root{--bg:#f4f6f8;--surface:#fff;--surface2:#edf2f3;--fg:#283c49;--muted:#617683;--line:#e1e8ec;--accent:#327b73;--accent-soft:#e2f1ed;--shadow:0 8px 28px #283c4909}body{background:var(--bg)}.app{max-width:1480px;gap:28px}.main{padding-top:28px}.main .top{margin-bottom:18px}.main h1{font-size:30px;letter-spacing:.01em}.brand .mark{background:#e5f2ec;box-shadow:none;border:1px solid #d0e4db}.ic{stroke-width:1.35;fill:none}.nav .pillbg{background:#fff!important;border:1px solid #e1e8ec;border-radius:13px;width:42px;height:42px!important;box-shadow:0 3px 8px #283c4907}.nav .nv{border-radius:16px;min-height:60px;gap:12px}.nav .nv[aria-current=page]{background:#e3efed;box-shadow:inset 3px 0 #327b73}.nav .nv .ic{width:27px;height:27px}.nav small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:1px}.nav-group-label{font-size:11px;letter-spacing:.12em;color:var(--muted);margin:10px 10px 8px}.nav-extra{margin-top:20px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px}.nav-extra .btn{justify-content:flex-start;font-size:13px;min-height:48px;background:var(--surface);padding:10px 12px}.nav-footer{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 10px}.main .welcome{background:linear-gradient(120deg,#f5eee2,#e9f1eb);border:1px solid #e4e6db;border-radius:26px;padding:28px;grid-template-columns:1fr 1.05fr}.main .welcome h2{font-size:clamp(25px,2.5vw,37px);line-height:1.4;color:#2d4c43}.main .hero-art{max-width:420px;box-shadow:0 10px 30px #3b57451a;border:5px solid #ffffffb0;border-radius:22px}.main .role-portal{background:var(--surface);border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}.main #homeGrid .card{border-radius:22px;box-shadow:var(--shadow)}.main #homeGrid [data-feature=deadlines]{border-top:3px solid #dfae74}.main #homeGrid [data-feature=reportCreate]{border-top:3px solid #d296a0}.main #homeGrid [data-feature=reports]{border-top:3px solid #8baabd}.main .quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.main .quick-actions .btn{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:8px;border-radius:20px;padding:18px;min-height:108px;background:var(--surface);box-shadow:var(--shadow);font-size:14px}.main .quick-actions .ic{width:34px;height:34px;padding:6px;border-radius:13px;box-sizing:content-box;background:#fbede3}.main .quick-actions [data-open-training] .ic{background:#f0e9f8}.main .quick-actions [data-open-shopping] .ic{background:#f0f1de}.main .quick-actions [data-open-offline] .ic{background:#e2f0f4}.main .card h2,.main .sec{font-size:14px;letter-spacing:.03em;color:var(--fg)}.card-heading-icon{width:25px;height:25px;vertical-align:middle;margin-right:8px;flex:none}.main .support-panel{border-radius:18px;box-shadow:none}.main .support-panel>summary{font-size:14px}.btn{border-radius:12px}.btn:focus-visible,summary:focus-visible{outline:3px solid #b1783a;outline-offset:3px}dialog{box-shadow:0 22px 70px #203e4230;border-radius:24px}dialog h2{font-size:24px;line-height:1.4}dialog section{scroll-margin:20px}.tool-module{border-radius:18px;border-left:3px solid #9cacc0}.tool-module:nth-child(3n+2){border-left-color:#c6a56e}.tool-module:nth-child(3n){border-left-color:#b192bd}.upgrade-symbol{width:24px;height:24px;flex:none;vertical-align:middle}.btn .upgrade-symbol{margin-right:4px}.service-menu-panel{box-shadow:0 14px 40px #213e4820}.reading-intro{border-color:#8971ad}.chip{border-radius:99px;min-height:40px}.acc{border-left:3px solid #c3b3d5}.acc-h{padding:16px}.acc-p{font-size:16px;line-height:1.9}.nums a{padding:4px 0;display:inline-block}.high-contrast .nav .pillbg,.high-contrast .card{border-color:#283c49}@media(min-width:1100px){.app{grid-template-columns:230px minmax(0,1fr)}.nav{background:#f9fbfc;border-right:1px solid var(--line);padding:26px 16px;height:100dvh;overflow-y:auto}.brand{margin-bottom:24px}.nav .nv{padding:10px;align-items:center}.main{padding-right:20px}.header-actions .btn{min-height:44px}.main #homeGrid [data-feature=reports]{grid-column:auto}.main #homeGrid>.span2:last-child{grid-column:1/-1}}@media(min-width:760px)and (max-width:1099px){.app{grid-template-columns:86px minmax(0,1fr);gap:20px}.nav-group-label,.nav-footer,.nav-extra,.nav small{display:none}.nav{padding:24px 0}.main .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.main .welcome{padding:22px;gap:18px}.main .welcome h2{font-size:27px}}@media(max-width:759px){.app{display:block}.nav{border-top:1px solid #dce6e9;background:#fffffff5;backdrop-filter:blur(16px);box-shadow:0 -6px 25px #263e4910;padding-top:8px}.nav .nv{gap:2px;padding:2px;min-height:56px;font-size:11px}.nav .nv[aria-current=page]{box-shadow:none;background:transparent;color:#285e59}.nav .nv[aria-current=page] .pillbg{border-color:#8ab7aa;background:#e9f4ef!important}.nav .pillbg{width:40px;height:34px!important;border-radius:12px}.nav .nv .ic{width:25px;height:25px}.nav small,.nav-group-label,.nav-extra,.nav-footer{display:none}.main h1{font-size:27px}.main .welcome{padding:18px;gap:8px 12px;border-radius:22px;grid-template-columns:1.2fr 1fr}.main .welcome h2{font-size:25px}.main .hero-art{border-width:3px;border-radius:16px}.main .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.main .quick-actions .btn{flex-direction:row;align-items:center;justify-content:flex-start;min-height:74px;padding:12px;font-size:13px;gap:9px;border-radius:17px}.main .quick-actions .ic{width:27px;height:27px;padding:5px;border-radius:11px}.main .header-actions>.btn,.main .service-menu>summary{font-size:12px}.main #homeGrid .card{padding:18px}.main .role-portal{padding:16px}.main .service-state{border-radius:16px}.main .next-t b{font-size:17px}.main .support-panel{padding:8px 14px}dialog h2{font-size:22px}.card-heading-icon{width:23px;height:23px}.main{padding-bottom:110px}}@media(max-width:359px){.main .welcome{grid-template-columns:1fr}.main .hero-art{max-width:240px}.main .quick-actions .btn{padding:10px;font-size:12px;gap:6px}}@media(prefers-color-scheme:dark){:root:not(.high-contrast){--bg:#18262d;--surface:#22343e;--surface2:#2b414c;--fg:#eaf0f1;--muted:#b5c7cf;--line:#40535e;--accent:#a0d5c7;--accent-soft:#294e49}.nav{background:#1c2d35}.nav .pillbg{background:#f5f5f0!important}.nav .nv[aria-current=page]{background:#304c4d}.main .welcome{background:linear-gradient(120deg,#e9e2d4,#dce7df)}.main .welcome p{color:#435e52}.nav-extra .btn{background:var(--surface)}.main .card h2{color:var(--fg)}}.app .nav .brand .mark{background:#f5f1e9!important;box-shadow:0 3px 12px #30485f10!important;border-radius:14px!important}.brand .mark{background:#f5f1e9;border:1px solid #e5dccc;border-radius:14px;width:46px;height:46px}.brand .mark .ic{width:42px;height:42px}.brand b{font-size:17px;white-space:nowrap;letter-spacing:.04em}.nav .nv[data-t=home][aria-current=page]{background:#eaf0f5;box-shadow:inset 3px 0 #30485f}.nav .nv[data-t=home] .pillbg{background:#f5f1e9!important;border-color:#e5dccc}.main .quick-actions [data-open-attendance]{background:var(--surface);color:var(--fg);border-color:var(--line)}