.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.shell-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.shell-brand{padding:4px 8px 16px}body.focus-mode .shell{grid-template-columns:1fr}body.focus-mode .shell-sidebar,body.focus-mode .shell-topbar{display:none}.shell-nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:9px;color:var(--sidebar-ink);font-size:13px;font-weight:600;margin:2px 0;transition:background .12s,color .12s}.shell-nav-item:hover{background:var(--panel-2);color:var(--ink)}.shell-nav-item.active{background:linear-gradient(135deg,var(--sidebar-active-bg),var(--teal));color:var(--sidebar-active-ink);box-shadow:0 10px 22px color-mix(in srgb,var(--brand-500) 22%,transparent)}.shell-nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:none}.shell-nav-icon .app-icon,.shell-topbar-actions .app-icon,.shell-menu-btn .app-icon,.shell-sidebar-foot .app-icon{width:17px;height:17px;display:block}.shell-sidebar-foot{margin-top:auto;padding:10px 4px 2px}.shell-body{display:flex;flex-direction:column;min-width:0}.shell-topbar{height:60px;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.shell-search{max-width:420px;height:38px;background:var(--panel-2);border-color:var(--line)}.shell-menu-btn{display:none}.shell-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.shell-bell{position:relative}.shell-bell-count{position:absolute;top:2px;right:2px;background:var(--red);color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:999px;display:grid;place-items:center;padding:0 3px}.shell-user{display:flex;align-items:center;gap:9px;padding-left:8px;border-left:1px solid var(--line);margin-left:4px}.shell-user-meta{display:grid;line-height:1.25}.shell-user-meta strong{font-size:12.5px}.shell-main{padding:20px;max-width:1440px;width:100%;margin:0 auto}@media (max-width: 900px){.shell{grid-template-columns:1fr}.shell-sidebar{position:fixed;inset:0 auto 0 0;width:240px;z-index:40;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow)}.shell-sidebar.open{transform:translate(0)}.shell-menu-btn{display:inline-flex}.shell-search{display:none}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(600px 300px at 15% 10%,color-mix(in srgb,var(--brand-500) 9%,transparent),transparent),radial-gradient(600px 300px at 85% 90%,color-mix(in srgb,var(--violet) 8%,transparent),transparent),var(--bg)}.auth-card{width:100%;max-width:400px;padding:28px;box-shadow:var(--shadow)}.auth-brand{margin-bottom:6px}.auth-tagline{font-weight:700}.auth-title{font-size:17px;font-weight:800;margin:16px 0 14px}.auth-password-wrap{position:relative}.auth-eye{position:absolute;right:4px;top:4px;height:32px}.auth-password-wrap .input{padding-right:44px}.auth-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px;font-size:12px}.auth-remember{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:18px 0 10px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-social{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.auth-foot{text-align:center;margin-top:18px}.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{margin-bottom:12px}.landing{--plam-ink: #10231d;--plam-ink-strong: #043d31;--plam-muted: #5c6f66;--plam-green-900: #043d31;--plam-green-800: #07513f;--plam-green-700: #08704f;--plam-green-600: #0b875f;--plam-teal: #0d9d98;--plam-sky: #3aa7d8;--plam-gold: #f2b51d;--plam-gold-soft: #fff4ce;--plam-cream: #fbf8ef;--plam-mint: #eef8f2;--plam-line: rgba(7, 81, 63, .14);--plam-bg: #ffffff;--plam-bg-warm: #fbf8ef;--plam-section-alt: linear-gradient(180deg, #eef8f2, #ffffff);--plam-surface: #ffffff;--plam-surface-soft: rgba(255, 255, 255, .74);--plam-nav-bg: rgba(255, 255, 255, .92);--plam-nav-menu-bg: #ffffff;--plam-nav-hover: #eef8f2;--plam-button-bg: #ffffff;--plam-button-hover: #eef8f2;--plam-hero-ink: #043d31;--plam-hero-muted: #3f5f52;--plam-hero-overlay: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.93) 30%, rgba(255,255,255,.62) 50%, rgba(255,255,255,.08) 78%), linear-gradient(180deg, rgba(251,248,239,.04), rgba(251,248,239,.3));--plam-hero-mobile-overlay: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.9) 45%, rgba(255,255,255,.98) 100%), linear-gradient(90deg, rgba(255,255,255,.36), rgba(255,255,255,.05));--plam-media-bg: #ffffff;--plam-footer-bg: #043d31;--plam-footer-ink: #ffffff;--plam-footer-muted: rgba(255,255,255,.78);--plam-footer-logo-bg: #ffffff;--plam-reward-hot-bg: linear-gradient(180deg, #ffffff, #fff4ce);min-height:100vh;background:linear-gradient(180deg,var(--plam-bg) 0%,var(--plam-bg-warm) 48%,var(--plam-bg) 100%);color:var(--plam-ink);color-scheme:light}:root[data-theme=dark] .landing{--plam-ink: #f2fff8;--plam-ink-strong: #ffffff;--plam-muted: #bdd7cc;--plam-green-900: #e6fff4;--plam-green-800: #c6f7e3;--plam-green-700: #38d29c;--plam-green-600: #47e0ad;--plam-teal: #32d6cf;--plam-sky: #63c7ee;--plam-gold: #ffd45a;--plam-gold-soft: rgba(255, 212, 90, .16);--plam-cream: #0e1d19;--plam-mint: #102d27;--plam-line: rgba(188, 238, 216, .2);--plam-bg: #071511;--plam-bg-warm: #0d211b;--plam-section-alt: linear-gradient(180deg, #0d241f, #071511);--plam-surface: #10251f;--plam-surface-soft: rgba(16, 37, 31, .82);--plam-nav-bg: rgba(7, 21, 17, .94);--plam-nav-menu-bg: #0b1d18;--plam-nav-hover: rgba(56, 210, 156, .14);--plam-button-bg: #132d26;--plam-button-hover: #17382f;--plam-hero-ink: #ffffff;--plam-hero-muted: #d3eee2;--plam-hero-overlay: linear-gradient(90deg, rgba(7,21,17,.98) 0%, rgba(7,21,17,.93) 31%, rgba(7,21,17,.66) 54%, rgba(7,21,17,.12) 80%), linear-gradient(180deg, rgba(7,21,17,.1), rgba(7,21,17,.5));--plam-hero-mobile-overlay: linear-gradient(180deg, rgba(7,21,17,.14) 0%, rgba(7,21,17,.88) 43%, rgba(7,21,17,.98) 100%), linear-gradient(90deg, rgba(7,21,17,.45), rgba(7,21,17,.1));--plam-media-bg: #0f251f;--plam-footer-bg: #03100d;--plam-footer-ink: #ffffff;--plam-footer-muted: #c0d8ce;--plam-footer-logo-bg: #ffffff;--plam-reward-hot-bg: linear-gradient(180deg, rgba(255, 212, 90, .18), rgba(16, 37, 31, .96));color-scheme:dark}.landing .btn{background:var(--plam-button-bg);border-color:var(--plam-line);color:var(--plam-ink)}.landing .btn:hover{background:var(--plam-button-hover);filter:none}.landing .btn-primary{background:var(--plam-green-700);border-color:var(--plam-green-700);color:#fff}.landing .btn-primary:hover{background:var(--plam-green-800)}.landing .panel{border-color:var(--plam-line);background:var(--plam-surface);color:var(--plam-ink);box-shadow:0 18px 48px #043d3114}.landing .chip.brand{background:#0b875f1f;color:var(--plam-green-800)}.landing .muted{color:var(--plam-muted)}.landing-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:12px 6vw;background:var(--plam-nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--plam-line)}.landing-logo-link{display:inline-flex;align-items:center;flex:none}.landing-logo{width:156px;height:46px;object-fit:contain;object-position:left center;display:block}.landing-menu{display:flex;gap:2px;flex:1;justify-content:center}.landing-menu a{color:var(--plam-muted);font-size:13.5px;font-weight:700;padding:8px 10px;border-radius:8px}.landing-menu a:hover{background:var(--plam-nav-hover);color:var(--plam-green-700)}.landing-nav-actions{display:flex;gap:8px;align-items:center;flex:none}.landing-theme-toggle{min-width:60px}.landing-theme-toggle .app-icon,.landing-burger .app-icon{width:16px;height:16px}.landing-burger{display:none}.landing-hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--plam-line)}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.landing-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--plam-hero-overlay)}.landing-hero-copy{position:relative;z-index:1;width:min(560px,88vw);margin-left:6vw;padding:82px 0}.landing-hero-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.03;margin:16px 0;letter-spacing:0;color:var(--plam-hero-ink)}.landing-hero-copy>p{color:var(--plam-hero-muted);font-size:17px;line-height:1.65;max-width:530px}.landing-cta{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.landing-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:34px;max-width:680px}.landing-stats div{display:grid;gap:4px;padding:12px;border:1px solid rgba(7,81,63,.12);border-radius:10px;background:var(--plam-surface-soft)}.landing-stats strong{font-size:18px;color:var(--plam-green-800)}.landing-stats span{color:var(--plam-muted);font-size:12px}.landing-section{padding:64px 6vw;max-width:1280px;margin:0 auto}.landing-section h2{font-size:clamp(25px,3vw,36px);text-align:center;color:var(--plam-ink-strong);letter-spacing:0}.landing-sub{color:var(--plam-muted);text-align:center;margin:10px auto 28px;max-width:620px}.landing-alt{max-width:none;background:var(--plam-section-alt)}.landing-alt>*{max-width:1280px;margin-left:auto;margin-right:auto}.landing-section-media,.landing-showcase-media,.landing-split-media{margin:0 auto 28px;border-radius:18px;overflow:hidden;border:1px solid var(--plam-line);box-shadow:0 24px 70px #043d3124;background:var(--plam-media-bg)}.landing-section-media{max-width:980px;aspect-ratio:16 / 8.6}.landing-section-media img,.landing-showcase-media img,.landing-split-media img{width:100%;height:100%;object-fit:cover;display:block}.landing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.landing-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-feature{display:grid;gap:8px;align-content:start;border-radius:12px}.landing-feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--plam-green-700),var(--plam-teal));color:#fff;font-size:13px;font-weight:900}.landing-feature-icon .app-icon{width:22px;height:22px}.landing-feature h3{font-size:15px;color:var(--plam-ink-strong)}.landing-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.landing-exam-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--plam-line);border-radius:999px;min-height:50px;padding:11px 20px;font-weight:900;font-size:14.5px;background:var(--plam-surface);color:var(--plam-green-800);box-shadow:0 10px 26px #07513f0f}.landing-exam-badge .app-icon{width:24px;height:24px;flex:none}.landing-showcase{display:grid;gap:22px}.landing-showcase-media{width:min(980px,100%);aspect-ratio:16 / 8.6;margin-bottom:0}.landing-reward{text-align:center;display:grid;gap:6px;padding:26px 16px;border-radius:12px}.landing-reward-amount{font-size:30px;font-weight:900;color:var(--plam-green-700);letter-spacing:0}.landing-reward-hot{border-color:#f2b51d94;background:var(--plam-reward-hot-bg);box-shadow:0 18px 48px #f2b51d33}.landing-about{max-width:740px;margin:18px auto 0;display:grid;gap:14px}.landing-about p{line-height:1.75;font-size:15px}.landing-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;margin-top:26px}.landing-split .landing-about{margin:0}.landing-split-media{aspect-ratio:16 / 9;margin:0}.landing-faq{max-width:720px;margin:20px auto 0;display:grid;gap:8px}.landing-faq-item{padding:0;overflow:hidden;border-radius:12px}.landing-faq-item button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;font-weight:800;font-size:14px;color:var(--plam-ink-strong);text-align:left}.landing-faq-item p{padding:0 16px 14px;line-height:1.6}.landing-footer{border-top:1px solid var(--plam-line);padding:44px 6vw 24px;background:var(--plam-footer-bg);color:var(--plam-footer-ink)}.landing-footer .muted{color:var(--plam-footer-muted)}.landing-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;max-width:1280px;margin:0 auto}.landing-footer-grid div{display:grid;gap:8px;align-content:start}.landing-footer-grid strong{font-size:13px;margin-bottom:4px;color:var(--plam-footer-ink)}.landing-footer-grid a{color:var(--plam-footer-muted);font-size:13px}.landing-footer-grid a:hover{color:var(--plam-gold)}.landing-footer-logo{width:160px;height:48px;object-fit:contain;object-position:left center;background:var(--plam-footer-logo-bg);border-radius:8px;padding:4px 8px}.landing-copyright{text-align:center;margin-top:30px}@media (max-width: 1040px){.landing-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--plam-nav-menu-bg);border-bottom:1px solid var(--plam-line);flex-direction:column;padding:10px 6vw 16px}.landing-menu.open{display:flex}.landing-burger{display:inline-flex}.landing-grid{grid-template-columns:1fr 1fr}.landing-grid-3,.landing-split{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.landing-nav{padding:10px 4vw;gap:10px}.landing-logo{width:128px;height:40px}.landing-nav-actions .btn:not(.landing-burger):not(.landing-theme-toggle){display:none}.landing-hero{min-height:620px;align-items:flex-end}.landing-hero-bg{object-position:63% center}.landing-hero:after{background:var(--plam-hero-mobile-overlay)}.landing-hero-copy{width:auto;margin:0 4vw;padding:0 0 36px}.landing-stats{grid-template-columns:1fr 1fr}.landing-section{padding:48px 4vw}.landing-grid,.landing-footer-grid{grid-template-columns:1fr}}.practice-card{padding:22px;transition:transform .18s ease,opacity .18s ease}.practice-card.swipe-out{transform:translate(-36px) rotate(-1.5deg);opacity:0}.practice-card.swipe-in{animation:swipeIn .22s ease}@keyframes swipeIn{0%{transform:translate(36px) rotate(1.5deg);opacity:0}to{transform:none;opacity:1}}.practice-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.practice-choice{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px;text-align:left;transition:border-color .12s,background .12s}.practice-choice:hover{border-color:var(--brand-500)}.practice-choice.picked{border-color:var(--brand-500);background:var(--chip-brand-bg)}.practice-choice.correct{border-color:var(--green-strong);background:var(--chip-good-bg)}.practice-choice.wrong{border-color:var(--red);background:var(--chip-bad-bg)}.practice-explanation{margin-top:16px;padding:12px 14px;border-radius:10px;background:var(--chip-info-bg);color:var(--ink);font-size:13px;line-height:1.5}.practice-actions{display:flex;gap:8px;align-items:center;margin-top:18px}@media (max-width: 760px){.practice-choices{grid-template-columns:1fr}}:root{--brand-500: #08704f;--brand-600: #07513f;--brand-700: #043d31;--brand-100: #dff5e9;--brand-50: #f2fbf6;--green: #0b875f;--green-strong: #08704f;--amber: #f2b51d;--red: #ef4444;--blue: #3aa7d8;--teal: #0d9d98;--violet: #5874d8;--gold: #f2b51d;--bg: #f5f8f3;--panel: #ffffff;--panel-2: #eef8f2;--ink: #10231d;--ink-2: #28473b;--muted: #5c6f66;--line: rgba(7, 81, 63, .14);--line-strong: rgba(7, 81, 63, .24);--sidebar-bg: #ffffff;--sidebar-ink: #52675e;--sidebar-active-bg: var(--brand-500);--sidebar-active-ink: #ffffff;--shadow: 0 8px 28px rgba(4, 61, 49, .09);--shadow-soft: 0 2px 10px rgba(4, 61, 49, .06);--chip-good-bg: #e5f7ed;--chip-good-ink: #08704f;--chip-warn-bg: #fff4ce;--chip-warn-ink: #8a5b00;--chip-bad-bg: #fdecec;--chip-bad-ink: #dc2626;--chip-info-bg: #e6f5fb;--chip-info-ink: #157aa3;--chip-brand-bg: var(--brand-100);--chip-brand-ink: var(--brand-600);--chip-neutral-bg: #edf2ef;--chip-neutral-ink: #52675e;--hero-bg: linear-gradient(135deg, #043d31 0%, #08704f 56%, #0d9d98 100%);--hero-ink: #ffffff;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color-scheme:light}:root[data-theme=dark]{--brand-500: #08704f;--brand-600: #38d29c;--brand-700: #9af0ca;--brand-100: rgba(56, 210, 156, .16);--brand-50: rgba(56, 210, 156, .1);--green: #38d29c;--green-strong: #7ee8bc;--amber: #ffd45a;--blue: #8ad8f6;--teal: #32d6cf;--violet: #9bb2ff;--gold: #ffd45a;--bg: #071511;--panel: #10251f;--panel-2: #17382f;--ink: #f2fff8;--ink-2: #d6eee4;--muted: #bdd7cc;--line: rgba(188, 238, 216, .16);--line-strong: rgba(188, 238, 216, .26);--sidebar-bg: #06110e;--sidebar-ink: #bdd7cc;--sidebar-active-bg: var(--brand-500);--sidebar-active-ink: #ffffff;--shadow: 0 8px 28px rgba(0, 0, 0, .36);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .26);--chip-good-bg: rgba(56, 210, 156, .16);--chip-good-ink: #7ee8bc;--chip-warn-bg: rgba(242, 181, 29, .16);--chip-warn-ink: #ffd45a;--chip-bad-bg: rgba(239, 68, 68, .14);--chip-bad-ink: #f87171;--chip-info-bg: rgba(58, 167, 216, .16);--chip-info-ink: #8ad8f6;--chip-brand-bg: rgba(56, 210, 156, .16);--chip-brand-ink: #9af0ca;--chip-neutral-bg: rgba(189, 215, 204, .12);--chip-neutral-ink: #c9e2d8;--hero-bg: linear-gradient(135deg, #03100d 0%, #07513f 54%, #0d9d98 100%);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:var(--brand-600);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::placeholder{color:var(--muted)}.app-icon{display:inline-block;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);font-weight:600;font-size:13px;transition:filter .15s,background .15s}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.btn-primary:hover{background:var(--brand-600);filter:none}.btn-success{background:var(--green-strong);border-color:var(--green-strong);color:#fff}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-sm{height:30px;padding:0 10px;font-size:12px}.btn-block{width:100%}.btn .app-icon{width:16px;height:16px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:600;color:var(--ink-2)}.input,.select,.textarea{width:100%;height:40px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);padding:0 12px;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:90px;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 18%,transparent)}.form-error{color:var(--red);font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:16px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panel-title h3{font-size:14px;font-weight:700}.muted{color:var(--muted)}.small{font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,var(--brand-50)),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:14px;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;min-height:84px}.stat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:17px}.stat-icon .app-icon{width:19px;height:19px;display:block}.stat-card .label{font-size:12px;color:var(--muted);font-weight:500}.stat-card .value{font-size:21px;font-weight:800;letter-spacing:0;color:var(--ink)}.stat-card .delta{font-size:11px;font-weight:700}.delta.up{color:var(--green-strong)}.delta.down{color:var(--red)}.delta.flat{color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap}.chip.good{background:var(--chip-good-bg);color:var(--chip-good-ink)}.chip.warn{background:var(--chip-warn-bg);color:var(--chip-warn-ink)}.chip.bad{background:var(--chip-bad-bg);color:var(--chip-bad-ink)}.chip.info{background:var(--chip-info-bg);color:var(--chip-info-ink)}.chip.brand{background:var(--chip-brand-bg);color:var(--chip-brand-ink)}.chip.neutral{background:var(--chip-neutral-bg);color:var(--chip-neutral-ink)}.chip .app-icon{width:13px;height:13px}.notification-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--chip-brand-bg);color:var(--chip-brand-ink)}.notification-icon .app-icon{width:17px;height:17px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{text-align:left;color:var(--muted);font-weight:600;font-size:11.5px;text-transform:none;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}table.data tbody tr:hover{background:var(--panel-2)}table.data tbody tr:last-child td{border-bottom:none}.bar-row{display:grid;grid-template-columns:110px 1fr 42px;gap:10px;align-items:center;font-size:12.5px;padding:6px 0}.bar{height:7px;border-radius:999px;background:var(--chip-neutral-bg);overflow:hidden}.bar>.fill{height:100%;border-radius:999px;background:var(--brand-500)}.mini-filter{display:flex;gap:5px}.mini-filter button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.mini-filter button.on{background:var(--chip-brand-bg);color:var(--chip-brand-ink);border-color:transparent}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs button{border:none;background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:9px 14px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--brand-600);border-bottom-color:var(--brand-500)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--chip-brand-bg);color:var(--chip-brand-ink);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.page{display:grid;gap:14px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.page-head h2{font-size:19px;font-weight:800;letter-spacing:0;color:var(--brand-700)}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.grid-2-even{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.empty-state{padding:34px 16px;text-align:center;color:var(--muted);font-size:13px}.loading-shimmer{background:linear-gradient(90deg,var(--panel-2) 25%,var(--line) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm);min-height:60px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}@media (max-width: 1100px){.stat-grid{grid-template-columns:1fr 1fr}.grid-2,.grid-2-even,.grid-3{grid-template-columns:1fr}}