:root{--color-primary-bar: #2c5caf}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;margin:0}body{font-family:system-ui,-apple-system,sans-serif}.app{height:100vh;height:100dvh;min-height:0;display:flex;overflow:hidden}.sidebar{width:220px;background:var(--color-primary-bar);color:#fff;padding:1rem .75rem;display:flex;flex-direction:column;border-right:3px solid #e5e7eb}.sidebar-header{font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:0 .5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:block;padding:.4rem .5rem;border-radius:4px;color:#dbe6ff;text-decoration:none;font-size:.9rem}.sidebar-link:hover{background-color:#ffffff1f}.sidebar-link--active{background-color:#ffffff38;color:#fff}.sidebar-group{display:flex;flex-direction:column}.sidebar-group-title{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;border-radius:4px;color:#dbe6ff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-group-title:hover{background-color:#ffffff1f}.sidebar-group-title--active{color:#fff;font-weight:500}.sidebar-group-arrow{font-size:.7rem;transition:transform .2s ease;transform:rotate(-90deg)}.sidebar-group-arrow.open{transform:rotate(0)}.sidebar-group-children{display:flex;flex-direction:column;padding-left:1rem;margin-top:.25rem;gap:.25rem;border-left:1px solid rgba(255,255,255,.15);margin-left:.75rem}.layout-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{flex-shrink:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:var(--color-primary-bar);color:#fff;border-bottom:3px solid #e5e7eb;z-index:15}.topbar-title{font-size:.95rem;font-weight:500}.menu-toggle{display:none;border:none;background:transparent;color:#fff;font-size:.95rem;cursor:pointer}.main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background-color:#1f75cc83;padding:0rem .5rem}.main>*{flex:1 1 0%;min-height:0;min-width:0}.listToolbar{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--color-primary-bar);border-top:3px solid #e5e7eb}@media (min-width: 769px){.listToolbar{left:220px}}.listToolbarRight{display:flex;align-items:center;gap:.5rem}.primaryButton{padding:.3rem .9rem;border-radius:4px;border:none;background-color:#1677ff;color:#fff;font-size:.85rem;cursor:pointer}.primaryButton:hover{background-color:#145fcc}.exportButton{padding:.3rem .9rem;border-radius:4px;border:1px solid #d0d7de;background-color:#fff;color:#333;font-size:.85rem;cursor:pointer}.exportButton:hover:not(:disabled){background-color:#e2edf8}.exportButton:disabled{opacity:.5;cursor:default}@media (max-width: 768px){.app{flex-direction:column}.sidebar{position:fixed;top:48px;left:0;height:calc(100vh - 48px);transform:translate(-100%);transition:transform .2s ease-out;z-index:10}.app.app--menu-open .sidebar{transform:translate(0)}.menu-toggle{display:inline-flex;align-items:center;gap:.25rem}}.toast{position:fixed;top:64px;left:50%;transform:translate(-50%);padding:.6rem 1rem;border-radius:999px;font-size:.9rem;color:#fff;z-index:30;box-shadow:0 4px 12px #00000026;cursor:pointer}.toastSuccess{background-color:#16a34a}.toastError{background-color:#dc2626}.loadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background-color:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loadingOverlaySpinner{width:80px;height:80px;border:6px solid #e5e7eb;border-top-color:#1677ff;border-radius:50%;animation:loadingOverlaySpin .8s linear infinite}.loadingOverlayText{font-size:1.5rem;color:#fff}@keyframes loadingOverlaySpin{to{transform:rotate(360deg)}}