.topbar{display:flex;align-items:center;gap:12px;padding:10px;background:#f2f3f5;border-bottom:1px solid #ddd}.logo{width:36px;height:36px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700}.title{font-weight:600}.sidebar{width:200px;padding:12px;border-right:1px solid #eee;background:#fafafa;min-height:calc(100vh - 52px)}.sidebar a{display:block;padding:8px 6px;color:#333;text-decoration:none;margin-bottom:4px;border-radius:4px}.sidebar a.active,.sidebar a:hover{background:#eef2ff;color:#1f2937}@media (max-width: 600px){.sidebar{min-height:30px;width:100vw;position:sticky;top:50px}.sidebar a{display:inline-block;padding:8px 6px}}body{margin:0;font-family:Arial,sans-serif;background:#f7f7fb;color:#111}main{min-height:calc(100vh - 52px)}h2{margin:0 0 12px}select,input{padding:6px 8px;margin-left:6px}.page-container{display:flex}@media (max-width: 600px){.page-container{flex-direction:column}}