*{box-sizing:border-box}:root{--app-sidebar-width: 220px;--app-main-padding-x: 1.25rem;--app-sidebar-pad: 10px 8px 12px;--app-sidebar-nav-gap: 7px;--app-sidebar-nav-pad: 8px 10px;--app-sidebar-nav-font: .85rem;--app-sidebar-nav-hint: .7rem;--app-sidebar-logo-size: 1.45rem;--app-page-pad: 1.25rem;--app-page-max: 880px;--app-bg: #f4f7fb;--app-surface: #ffffff;--app-border: #dce4ef;--app-primary: #0066cc;--app-text: #1f2937}@media(min-width:1100px){:root{--app-sidebar-width: 280px;--app-main-padding-x: 1.75rem;--app-sidebar-pad: 14px 12px 16px;--app-sidebar-nav-gap: 10px;--app-sidebar-nav-pad: 10px 12px;--app-sidebar-nav-font: .95rem;--app-sidebar-nav-hint: .78rem;--app-sidebar-logo-size: 1.75rem;--app-page-pad: 2rem;--app-page-max: 960px}}@media(min-width:1400px){:root{--app-sidebar-width: 340px;--app-main-padding-x: 2.25rem;--app-sidebar-pad: 18px 16px 22px;--app-sidebar-nav-gap: 12px;--app-sidebar-nav-pad: 14px 16px;--app-sidebar-nav-font: 1.05rem;--app-sidebar-nav-hint: .85rem;--app-sidebar-logo-size: 2rem;--app-page-pad: 2.5rem;--app-page-max: 1120px}}@media(min-width:1800px){:root{--app-sidebar-width: 380px;--app-main-padding-x: 2.75rem;--app-sidebar-pad: 20px 18px 24px;--app-sidebar-nav-gap: 14px;--app-sidebar-nav-pad: 16px 18px;--app-sidebar-nav-font: 1.12rem;--app-sidebar-nav-hint: .9rem;--app-sidebar-logo-size: 2.15rem;--app-page-pad: 2.75rem;--app-page-max: 1240px}}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-mode-toggle{display:inline-flex;gap:0;border:1px solid var(--app-primary);border-radius:6px;overflow:hidden;background:#fff}.app-mode-toggle__btn{margin:0;padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--app-primary);background:#fff;border:none;border-radius:0;cursor:pointer;line-height:1.35;white-space:nowrap}.app-mode-toggle__btn+.app-mode-toggle__btn{border-left:1px solid var(--app-primary)}.app-mode-toggle__btn:hover:not(:disabled):not(.app-mode-toggle__btn--active){background:#f0f8ff}.app-mode-toggle__btn--active{color:#fff;background:var(--app-primary);font-weight:600}.app-mode-toggle__btn--active:hover:not(:disabled){background:#0052a3}.app-mode-toggle__btn:disabled{opacity:.65;cursor:not-allowed}.app-mode-toggle__btn--active:disabled{color:#fff;background:#4d94db;border-color:transparent}.app-sidebar-nav{display:flex;flex-direction:column;gap:var(--app-sidebar-nav-gap)}.app-sidebar-nav-btn{display:block;width:100%;text-align:left;padding:var(--app-sidebar-nav-pad);font-size:var(--app-sidebar-nav-font);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:700;color:#fff;background:var(--app-primary);border-color:var(--app-primary);border-width:2px;box-shadow:0 2px #0066cc59}.app-sidebar-nav-btn--active:hover:not(:disabled){color:#fff;background:#0052a3;border-color:#0052a3}.app-sidebar-nav-btn--active .app-sidebar-nav-btn__hint{color:#ffffffe0}.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:var(--app-sidebar-nav-hint);font-weight:400;color:#666}.app-sidebar-nav-btn:disabled .app-sidebar-nav-btn__hint{color:#999}@keyframes app-progress-stripe{0%{background-position:0 0}to{background-position:40px 0}}.app-progress{margin:12px 0 4px}.app-progress__row{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px;font-size:.9rem;color:#1565c0}.app-progress__track{height:10px;background:#e8eef5;border-radius:6px;overflow:hidden}.app-progress__bar{height:100%;border-radius:6px;background:linear-gradient(90deg,#06c,#3d9bff,#06c 80%);background-size:40px 100%;animation:app-progress-stripe .8s linear infinite;transition:width .35s ease}.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:var(--app-sidebar-logo-size);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:var(--app-sidebar-pad);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:900px){:root{--app-sidebar-width: 190px;--app-main-padding-x: 1rem;--app-sidebar-pad: 8px 6px 10px;--app-sidebar-nav-gap: 6px;--app-sidebar-nav-pad: 6px 8px;--app-sidebar-nav-font: .78rem;--app-sidebar-nav-hint: .65rem;--app-sidebar-logo-size: 1.3rem;--app-page-pad: 1rem;--app-page-max: none}}@media(max-width:720px){:root{--app-sidebar-nav-gap: 6px;--app-sidebar-nav-pad: 7px 10px;--app-sidebar-nav-font: .82rem;--app-sidebar-nav-hint: .68rem;--app-sidebar-logo-size: 1.35rem;--app-page-pad: .85rem}.app-shell{grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr}.app-header-logo{padding:8px 10px}.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}}