:root{--color-bg:#f8f9fb;--color-white:#fff;--color-primary:#1a6b8a;--color-primary-light:#e8f4f8;--color-primary-dark:#134e63;--color-accent:#e86b3a;--color-accent-light:#fff3ee;--color-text:#1c2b33;--color-text-secondary:#5a6f7a;--color-text-tertiary:#8fa0aa;--color-border:#e2e8ed;--color-border-light:#f0f3f5;--color-green:#1a8a5c;--color-green-light:#e8f8f0;--color-amber:#b87a1a;--color-amber-light:#fff8e8;--color-red:#c43d3d;--color-red-light:#fff0f0;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:20px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--font-family:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-white);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;height:56px;padding:0 24px;display:flex}.app-header__left{align-items:center;gap:20px;min-width:0;display:flex}.app-header__brand{letter-spacing:-.03em;color:var(--color-primary);white-space:nowrap;font-size:18px;font-weight:800}.app-header__brand span{color:var(--color-accent)}.app-header__divider{background:var(--color-border);flex-shrink:0;width:1px;height:24px}.app-header__nav{gap:8px;display:flex}.app-header__tab{color:var(--color-text-secondary);white-space:nowrap;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s}.app-header__tab:hover{background:var(--color-bg)}.app-header__tab[aria-current=page]{color:var(--color-accent);background:var(--color-accent-light);font-weight:700}.app-header__right{align-items:center;gap:12px;display:flex}.app-header__chip{border:1.5px solid var(--color-accent);background:var(--color-accent-light);border-radius:10px;align-items:center;gap:10px;padding:6px 12px 6px 8px;display:flex}.app-header__avatar{background:var(--color-accent);width:28px;height:28px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-header__chip-text{flex-direction:column;line-height:1.2;display:flex}.app-header__chip-name{color:var(--color-text);font-size:12px;font-weight:700}.app-header__chip-role{color:var(--color-accent);font-size:10px}.app-header__signout{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.app-header__signout:hover{color:var(--color-text);border-color:var(--color-text-tertiary)}.app-main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:28px 24px 48px;animation:.18s fadeIn}.page-title{letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.page-subtitle{color:var(--color-text-secondary);margin:0 0 24px;font-size:13px}.record-page{width:min(1080px,92vw);margin-inline:calc(50% - min(1080px,92vw)/2)}.record-grid{column-count:2;column-gap:16px}.record-grid .section-card{break-inside:avoid;margin:0 0 16px}.record-grid .section-card+.section-card{margin-top:0}@media (width<=720px){.record-page{width:100%;margin-inline:0}.record-grid{column-count:1}}.tree-page{width:min(1080px,92vw);margin-inline:calc(50% - min(1080px,92vw)/2)}.tree-page__cards{display:none}@media (width<=900px){.tree-page{width:100%;margin-inline:0}.tree-page__graph{display:none}.tree-page__cards{display:block}}.section-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.section-card+.section-card{margin-top:16px}.section-card__head{border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.section-card__title-group{align-items:center;gap:10px;min-width:0;display:flex}.section-card__icon{color:var(--color-primary);align-items:center;line-height:0;display:inline-flex}.section-card__title{color:var(--color-text);font-size:14px;font-weight:700}.section-card__count{color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px 9px;font-size:11px;font-weight:600}.section-card__body{padding:16px 20px}.section-card__foot{border-top:1px solid var(--color-border-light,var(--color-border));padding:10px 20px}.section-card__viewall{color:var(--color-primary);font-size:12px;font-weight:600;text-decoration:none}.section-card__viewall:hover{text-decoration:underline}.back-link{color:var(--color-text-secondary);margin-bottom:12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-primary)}.section-card__body .state{background:0 0;border:none;padding:20px 8px}.state{text-align:center;color:var(--color-text-secondary);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.state--error{color:var(--color-red);background:var(--color-red-light);border-color:var(--color-red)}