:root{--color-primary:#009037;--color-primary-dark:#00702a;--color-primary-light:#e3f5ea;--color-primary-contrast:#fff;--color-bg:#f7f8f7;--color-surface:#fff;--color-border:#e3e6e4;--color-text:#1a1e1c;--color-text-muted:#5c655f;--color-text-subtle:#838d87;--color-warning-bg:#fff4e0;--color-warning-text:#7a5200;--color-info-bg:#eef3ff;--color-info-text:#1f3a8a;--shadow-sm:0 1px 2px #1418160f;--shadow-md:0 4px 16px #14181614;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--sidebar-width:264px;--bottom-nav-height:64px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-top:env(safe-area-inset-top,0px);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{margin:0 0 var(--space-2);letter-spacing:-.01em;color:var(--color-text);font-weight:700}h1{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}h2{font-size:1.05rem}p{margin:0 0 var(--space-3);color:var(--color-text-muted)}a{color:var(--color-primary-dark)}button{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-md);transition:top .15s;position:absolute}.skip-link:focus{top:var(--space-3)}.app-shell{min-height:100dvh;display:flex}.app-shell__content{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell__banners{z-index:20;padding-top:var(--safe-area-top);position:sticky;top:0}.app-shell__main{width:100%;max-width:960px;padding:var(--space-5) var(--space-4) calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-5));flex:1;margin:0 auto}.bottom-nav{z-index:30;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:var(--safe-area-bottom);position:fixed;bottom:0;left:0;right:0}.bottom-nav__list{height:var(--bottom-nav-height);justify-content:space-around;display:flex}.bottom-nav__link{min-width:64px;color:var(--color-text-subtle);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav__link svg{width:24px;height:24px}.bottom-nav__link--active{color:var(--color-primary)}.sidebar{display:none}@media (width>=900px){.bottom-nav{display:none}.app-shell__main{padding-bottom:var(--space-5);max-width:1040px}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-4);gap:var(--space-6);flex-direction:column;flex-shrink:0;display:flex}.sidebar__brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);display:flex}.sidebar__brand-mark{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.sidebar__brand-mark-img{object-fit:contain;width:100%;height:100%}.sidebar__brand-text{flex-direction:column;font-size:.95rem;font-weight:700;line-height:1.25;display:flex}.sidebar__brand-subtext{color:var(--color-text-subtle);font-size:.8rem;font-weight:500}.sidebar__list{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.sidebar__link svg{width:20px;height:20px}.sidebar__link:hover{background:var(--color-bg);color:var(--color-text)}.sidebar__link--active{background:var(--color-primary-light);color:var(--color-primary-dark)}}.page{gap:var(--space-6);flex-direction:column;display:flex}.page--centered{text-align:center;padding-top:var(--space-7);align-items:center}.page__header{gap:var(--space-1);flex-direction:column;display:flex}.page__lead{margin:0;font-size:1.05rem}.page__section{gap:var(--space-3);flex-direction:column;display:flex}.page__empty{color:var(--color-text-subtle);margin:0}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);margin:0;font-size:.85rem;font-weight:700}@media (width<=599px){.app-shell__main{padding-top:var(--space-4)}.page{gap:var(--space-5)}.page__section{gap:var(--space-2)}}.app-tile-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=560px){.app-tile-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.app-tile-grid{grid-template-columns:repeat(3,1fr)}}.app-tile{align-items:center;gap:var(--space-4);width:100%;min-width:0;min-height:88px;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;transition:box-shadow .15s,border-color .15s,transform .15s;display:grid}.app-tile:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.app-tile:active{transform:scale(.99)}.app-tile--disabled{cursor:default;opacity:.6}.app-tile--disabled:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border)}.app-tile__icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-tile__icon svg{width:24px;height:24px}.app-tile__icon--logo{background:var(--color-bg);width:auto;height:auto;padding:6px}@media (width>=900px){.app-tile__icon--logo{padding:10px}}.app-tile__logo-img{width:auto;max-width:100px;height:auto;max-height:52px;display:block}@media (width>=900px){.app-tile__logo-img{max-width:100px;max-height:64px}}.app-tile__hint{color:var(--color-text-subtle);font-size:.78rem;font-style:italic}.app-tile__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-tile__header{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-tile__name{overflow-wrap:normal;word-break:normal;font-size:1rem;font-weight:700}.app-tile__description{color:var(--color-text-muted);overflow-wrap:normal;word-break:normal;font-size:.9rem}.app-tile__chevron{color:var(--color-text-subtle);flex-shrink:0}.app-tile__chevron svg{width:20px;height:20px}@media (width<=599px){.app-tile-grid{gap:var(--space-2)}.app-tile{gap:var(--space-3);min-height:72px;padding:var(--space-3)}.app-tile__icon:not(.app-tile__icon--logo){width:44px;height:44px}.install-prompt{margin-top:var(--space-4);padding:var(--space-3)}}.badge{padding:2px var(--space-2);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.badge--accent{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge--neutral{background:var(--color-bg);color:var(--color-text-subtle);border:1px solid var(--color-border)}.status-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:600;display:flex}.status-banner svg{flex-shrink:0;width:18px;height:18px}.status-banner--offline{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-banner--update{background:var(--color-info-bg);color:var(--color-info-text)}.status-banner__action{padding:var(--space-1) var(--space-3);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-pill);cursor:pointer;border:none;margin-left:auto;font-weight:700}.status-banner__dismiss{padding:var(--space-1);cursor:pointer;color:inherit;background:0 0;border:none;display:flex}.install-prompt{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.install-prompt__row{align-items:flex-start;gap:var(--space-3);display:flex}.install-prompt__icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.install-prompt__icon svg{width:20px;height:20px}.install-prompt__text{flex:1;min-width:0}.install-prompt__title{color:var(--color-text);margin:0;font-weight:700}.install-prompt__subtitle{margin:2px 0 0;font-size:.875rem}.install-prompt__dismiss{padding:var(--space-1);color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;display:flex}.install-prompt__dismiss svg{width:20px;height:20px}.install-prompt__actions{margin-top:var(--space-3)}.install-prompt__action{min-height:44px;padding:0 var(--space-5);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.install-prompt__steps{margin-top:var(--space-3);gap:var(--space-2);counter-reset:step;flex-direction:column;display:flex}.install-prompt__steps li{align-items:center;gap:var(--space-2);counter-increment:step;color:var(--color-text-muted);font-size:.9rem;display:flex}.install-prompt__steps li:before{content:counter(step);background:var(--color-primary-light);width:22px;height:22px;color:var(--color-primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.install-prompt__steps svg{width:18px;height:18px;color:var(--color-text-subtle)}.install-prompt__hint{margin-top:var(--space-3);font-size:.9rem}.info-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.info-card p:last-child{margin-bottom:0}.info-card--placeholder{align-items:center;gap:var(--space-3);color:var(--color-text-subtle);font-size:.9rem;display:flex}.info-card--placeholder svg{flex-shrink:0;width:20px;height:20px}.info-card__status{align-items:center;gap:var(--space-2);color:var(--color-primary-dark);margin:0;font-weight:600;display:flex}.info-card__version{align-items:center;gap:var(--space-2);margin:0;font-weight:600;display:flex}