:root{--bg: #f4f6f8;--surface: #ffffff;--surface-muted: #f8fafc;--border: #d8dee8;--border-soft: #e8edf3;--text: #111827;--muted: #5b6677;--primary: #0f766e;--primary-600: #0b615b;--primary-soft: #e6f4f1;--danger: #b42318;--danger-soft: #fef3f2;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 12px 28px rgba(16, 24, 40, .1);--ring: 0 0 0 3px rgba(15, 118, 110, .18)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-size:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.app-main{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;min-width:0}.app-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;background:#ffffffdb;border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-topbarMeta{display:flex;flex-direction:column;min-width:0}.app-topbarMeta strong{font-size:18px;line-height:1.2;color:var(--text)}.app-sectionLabel{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.app-logoutBtn{border:1px solid #f3b4ae;background:var(--danger-soft);color:var(--danger);padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:700;transition:background .12s ease,transform 80ms ease,box-shadow .12s ease}.app-logoutBtn:hover{background:#c6282824}.app-logoutBtn:active{transform:translateY(1px)}.app-logoutBtn:focus-visible{outline:none;box-shadow:0 0 0 4px #c628281f}.app-footer{padding:12px 22px 16px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:900px){.app-shell{flex-direction:column}.app-topbar{position:static;padding:12px 16px}}@media(max-width:640px){.app-topbar{align-items:stretch;flex-direction:column;padding:10px 12px}.app-footer{padding:12px 12px 16px;font-size:.88rem}.app-logoutBtn{width:100%}}