:root{--color-primary: #007bff;--color-background-header: #3f3f3f;--color-background-sidebar: #f5f5f5;--color-text-header: #ffffff;--color-text-default: #333333;--sidebar-width: 240px}.app-shell{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.app-header{background-color:var(--color-background-header);color:var(--color-text-header);height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.app-header h1{font-size:20px;font-weight:600;margin:0}.app-body{display:flex;flex:1;min-height:calc(100vh - 50px)}.app-sidebar{width:var(--sidebar-width);background-color:var(--color-background-sidebar);padding:24px 16px;border-right:1px solid #e5e5e5}.app-sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.sidebar-link{display:block;color:#555;font-weight:600;padding:8px 12px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.sidebar-link:hover{background-color:#007bff1f;color:var(--color-primary)}.sidebar-link--active{color:var(--color-primary)}.app-content{flex:1;padding:24px 32px;overflow-y:auto;background-color:#fff}@media (max-width: 992px){.app-body{flex-direction:column}.app-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5;display:flex;justify-content:center}.app-content{padding:24px}}.page-fallback{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:200px;color:#2c3e50;font-weight:500}.page-fallback .spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(0,123,255,.3);border-top-color:#007bff;animation:page-fallback-spin .9s linear infinite}@keyframes page-fallback-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;background-color:#f5f5f5;color:#333}a{color:inherit;text-decoration:none}table{border-collapse:collapse}button{font:inherit}