*{box-sizing:border-box}:root{--app-sidebar-width: 260px;--app-main-padding-x: 2rem;--app-bg: #f4f7fb;--app-surface: #ffffff;--app-border: #dce4ef;--app-primary: #0066cc;--app-text: #1f2937}body{margin:0;font-family:system-ui,sans-serif;background:var(--app-bg);color:var(--app-text)}button{padding:4px 12px;font-size:.9rem;font-family:inherit;font-weight:inherit;color:var(--app-primary);background:#fff;border:1px solid var(--app-primary);border-radius:4px;cursor:pointer;line-height:1.35}button:hover:not(:disabled){background:#f0f8ff}button:disabled{color:#94a3b8;border-color:#cbd5e1;cursor:not-allowed;opacity:.85}a.app-btn{display:inline-block;padding:4px 12px;font-size:.9rem;font-family:inherit;text-decoration:none;color:var(--app-primary);background:#fff;border:1px solid var(--app-primary);border-radius:4px;cursor:pointer;line-height:1.35}a.app-btn:hover{background:#f0f8ff}.app-sidebar-nav-btn{display:block;width:100%;text-align:left;padding:10px 12px;font-size:.95rem;font-weight:500;line-height:1.35;color:var(--app-primary);background:#fff;border:1px solid var(--app-primary);border-radius:8px;cursor:pointer}.app-sidebar-nav-btn:hover:not(:disabled){background:#f0f8ff}.app-sidebar-nav-btn--active{font-weight:600;background:#f0f8ff;border-width:2px}.app-sidebar-nav-btn:disabled{color:#94a3b8;border-color:#cbd5e1;background:#f5f5f5;cursor:not-allowed;opacity:.85}.app-sidebar-nav-btn__hint{display:block;margin-top:4px;font-size:.78rem;font-weight:400;color:#666}.app-sidebar-nav-btn:disabled .app-sidebar-nav-btn__hint{color:#999}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--app-sidebar-width) 1fr;grid-template-rows:auto 1fr;background:var(--app-bg)}.app-header-logo{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;padding:14px 12px;background:#f8fbff;border-bottom:1px solid var(--app-border);border-right:1px solid var(--app-border)}.app-header-main{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px var(--app-main-padding-x);border-bottom:1px solid var(--app-border);background:var(--app-surface);min-width:0;box-shadow:0 1px #0c4a9108}.app-sidebar-logo-text{font-size:1.75rem;font-weight:700;color:var(--app-primary);letter-spacing:-.02em;line-height:1.1;text-shadow:0 1px 0 rgba(0,102,204,.08)}.app-header-tagline{margin:0;font-size:.95rem;color:#4b5563;line-height:1.35;text-align:left;white-space:nowrap;flex-shrink:1;min-width:0}.app-header-actions{flex-shrink:0;margin-left:auto}.app-header-user-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;font-size:.9rem;color:#374151}.app-header-user-bar>span{margin-right:10px}.app-header-user-bar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-sidebar{grid-column:1;grid-row:2;padding:14px 12px 16px;border-right:1px solid var(--app-border);background:#f8fbff;overflow:auto}.app-main{grid-column:2;grid-row:2;min-width:0;overflow:auto;background:var(--app-surface);border-top-left-radius:10px}@media(max-width:720px){.app-shell{grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr}.app-header-logo{padding:10px 12px}.app-header-logo .app-sidebar-logo-text{font-size:1.5rem}.app-header-main{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.app-header-tagline{font-size:.85rem;text-align:left;white-space:normal}.app-header-actions{width:100%}.app-header-user-bar{justify-content:flex-start;gap:8px;font-size:.8rem}.app-header-user-bar>span{margin-right:6px}.app-header-user-bar-actions{gap:8px}.app-sidebar{grid-column:1 / -1;grid-row:2;border-right:none;border-bottom:1px solid #e5e5e5}.app-main{grid-column:1 / -1;grid-row:3}}@media(max-width:420px){.app-header-user-bar>span{flex:1 1 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}